style.css

.main {
  width: 100vw;
  height: 100vh;
}

.body{
  font-size: 1vw;
}

.curved-div {
  background: linear-gradient(39.97deg, #03D6F3 0.79%, #25B1F5 41.78%, #458FF6 79.29%);
  background-image: linear-gradient(45deg,#03D6F3,#458FF6);
  text-align: center;
}

.dark-wave {
  background: url("static/dark_wave.png");
}


#instructor{
  text-align: center;
  margin-top: 60px;
}

.newsletter {
  background: linear-gradient(90.06deg, #30D7BA 0.05%, #03ABF3 35.43%, #458FF6 99.94%);
  border-radius: 10px;
  margin: 20px 0px 20px 0px;
  padding: 5px;  
  color: #FFFFFF;
  
}

.newsletter h2{
  text-align: center;
  font-size: bold;
  font-family: 'Roboto', sans-serif;
  font-size: 30px;
  margin: 20px 0px 20px 0px;
}

.newsletter a{
  text-align: center;
  justify-content: end;  
  font-size: 20px;
  color: #FFFFFF;
  border: 1px solid #FFFFFF;  
  border-radius: 50px; 
  padding: 10px;
  text-decoration: none;
  margin: 10px 0px 10px 0px;; 
}