body {
font-family:'Segoe UI', Tahoma, Verdana, Arial, sans-serif;
font-size: 200%;
text-align: center;
font-weight:100;
-webkit-user-select: none;
user-select: none;
position: relative;
margin: auto;
overflow-x: hidden;
}


.hero {
background-color: rgb(11, 72, 52);
color: rgb(255, 255, 255);
background-image: url(beach.jpg);
padding-top: 300px;
padding-bottom: 500px;
background-repeat: no-repeat;
background-size: cover;
font-size: 150px;
margin: 0 auto;
}

.header {
background-image: -moz-linear-gradient(rgb(174, 243, 243) 50%,rgb(63, 68, 82) 90%);
mix-blend-mode: multiply;
opacity: 50%;
position: absolute;
width: 100%;
padding-top: 200px;
padding-bottom: 80px;
font-weight: 500;
margin: 0 auto;

}


.text-block {
font-size: 50px;
color: rgb(255, 255, 255);
width: 35%;
margin-left: auto;
margin-top: 60%;
margin-right: auto;
background:linear-gradient(0deg,#00000088 40%, #01010144 100%)




}

button:hover, a:hover {opacity: 60%;}
html{scroll-behavior: smooth;}

.about{
font-size: 60px;
margin-left: 70%;
margin-top: -80px;
position: relative;

}

.Contact{
font-size: 100px;
margin: -4cm;
}

.Studying{
    font-size: 60px;
    margin-right: 70%;
    margin-top: 60px;
    position: relative;
    

  }

  a{
    text-decoration: none;
color: black;
  }