* {
  font-family: "poppins"
}
#competitions{
  background-color: #37504a;
margin-top: 700px;
height:500px;
padding: 2%;
font-size: 35px;
font-family: Arial, Helvetica, sans-serif;
color: #F0F0F0
}

.competitions_title{
  padding: 3%;
  font-size: 22px;
  font-family: Arial, Helvetica, sans-serif;
  color: #F0F0F0;
}

.competitions_buttons{

border: none;
background-color: #1a362f;
color:white;
padding: 5%;
font-family: Arial, Helvetica, sans-serif;

}

#harvard{
  width: 100px;
  height: 100px;
border-radius: 50%;
 border: 2px solid black;
margin:7.5%;
}

#stanford{
  width: 100px;
  height: 100px;
border-radius: 50%;
 border: 2px solid black;
 margin:7.5%;
}
#ithaca{
  width: 100px;
  height: 100px;
border-radius: 50%;
 border: 2px solid black;
 margin:7.5%;
}



.right_block{
  color: white;
  font-size: 20px;
  all: none;
  min-width: 90%;
  width: 90%;
  float: none;
  align-content: center;
  margin: 5%;
  height: 600px;
  border: 2px solid black;
  background-color: #1a2136;
  border-radius: 30px 30px;
  padding-bottom: 10%;
  padding-right: 5%;
  padding-left: 5%;
}

.register{
  margin: 5%;
  font-size: 30px;
  background-color: white;
  color: #1a2136;
  transition: background-color 0.6s ease;
  height: 80px;
  width: 200px;
  outline: none;
  border: none;
}

.register:hover{
  background-color: #37504a;
  color: white;
}

.vl {
  border-left: 6px solid black;
  height: 1100px;
  position: relative;
  left: 100px;
  margin-left: 30%;
  margin-top: 100px;
}



.parallax {
  /* The image used */
  background-image: url("https://s.yimg.com/hd/cp-video-transcode/prod/2020-10/14/5f860a6863753c2439abc32d/5f871e4906c4ef239688745f_o_U_v3.jpg");

  /* Set a specific height */
  min-height: 700px; 

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

@media only screen and (max-width: 430px) {
  
  .right_block{
    height: 700px;
  }
  .right_block_text{
    padding: 4%;
  }

}





#filter{
  float: left;
  min-height: 700px;
  max-width: 600px;
  background-color: rgba(26, 33, 54, 0.7);
  padding-top: 10%;
  padding-right: 5%;
  padding-left: 15%;
  color:white;
}
#filter-title, #filter-text{
  text-align: left;

 
}