body {
  background-color: rgb(17, 17, 20);
  padding-left: 5%;
  padding-top: auto;
  font-family: 'Open Sans', sans-serif;
}
 

h1 {
    font-size: 2.5vw;
    color:rgb(202, 194, 194);
    padding-left: 21%;
 
}

img {
  max-width: 70%;
  height: auto;
  padding-left: 2%;
}

img:hover {
opacity: 70%;

transition: all 0.3s ease;
}

.social-links {

  padding-left: 15%;
  width: 80%;
  height: auto;


}

.social-links img {

padding: 1%;
width: 5%;
height: auto;


}

.social-links img:hover {

  background-color: rgb(0, 0, 0);
  transition: all 0.3s ease;
  
  }

  a:hover, a:visited, a:link, a:active {

    text-decoration: none!important;

    -webkit-box-shadow: none!important;
    box-shadow: none!important;
}


.news {
  


  overflow: hidden;


  
  display: inline-block;
  border: solid rgb(3, 3, 8);
  justify-content: center;
  align-items: center;
  margin: 5% 5%;
  opacity:80%;
  
}

.responsive-iframe {
  position: absolute;

  width: 55%;
  height: 50%;
  border: 5px;

}
.link {
  position: relative;
  top: 420px;

  background-color: #252525;
  color: rgb(189, 188, 188);
  display: inline-block;
  border: solid rgb(3, 3, 8);
  border-radius: 7%;

  justify-content: center;
  align-items: center;
  margin: 30px 30%;

  
}
h3 {
  font-size: 2vw;
  color:rgb(202, 194, 194);

 
}

.link:hover, .link:active {
  background-color: rgb(0, 0, 0);
  transition: all 0.3s ease;
}

.p {
  position: relative;
  font-size: 1.5vw;
  color:rgb(202, 194, 194);
  margin: 50px 20%;
}