body,html {
    Margin: 0px;
    padding: 0px;

}



header{
    width: 100%;
    height: 70px;
    background-color: #282828;
}

h1{
    position: absolute;
    padding: 3px;
    float: left;
    margin-left: 2%;
    margin-top: 10px;
    font-family: 'Oswald';
    color: #ebd534;
    font-size: 2.1vw;
}

span{
    color: #ffffff;
}

ul{
    width: auto;
    float: right;
    margin-top: 1px;
    padding: 0; 
    list-style: none; 
    display: table;
}

li{
    display: table-cell; 
    position: relative; 
}

a{
    text-align: center;
    color: #ffffff;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 0.15em;
    font-family: 'Open Sans', sans-serif;
    font-size: 1.2vw;
    display: inline-block;
  padding: 15px 25px;
  position: relative;
}

   a:after {    
  background: none repeat scroll 0 0 transparent;
  bottom: 0;
  content: "";
  display: block;
  height: 2px;
  left: 50%;
  position: absolute;
  background: #ebdf34;
  transition: width 0.3s ease 0s, left 0.3s ease 0s;
  width: 0;
}

a:hover:after {
    width: 95%; 
    left: 0; 

    
}

a:hover {
  color: #ebdf34;
}





body {
  display: grid;
  height: 100%;
  width: 100%;
  place-items: center;
  background: -webkit-linear-gradient(left, #a445b2, #fa4299);
  

}
::selection{
  background: #fa4299;
  color: #fff; }



.text-center {
  margin-top: 20px;
}

.table-responsive {
  margin-top: 20px;
  width: 200%;
  margin-left: -50%;
}




/* footerSection */
#footer {
  background: #1f1e1c;
  padding: 15% 15%;
  color: #fff;
  text-align: center;
  margin-top: 19px;
  width: 250%;
  
  margin-left: -410px;
}




.bi.bi-linkedin{
 width:6%
}
.bi.bi-twitter{
width: 6%;
}


.bi.bi-google{
  width: 6%;
}

h3{
  font-size: 20px;
  font-family: 'Tahoma';
}