@charset "UTF-8";@import url(https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&display=swap);
html{
width: 100%;
height: 100%;
}
body {
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    font-family: "Manrope",sans-serif;
}
.wrapper{
    width: 100%;
    height: 100%;
    color: white;
    position: relative;
    z-index: 2000;
    display: block;
}
.back{
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.main-text{
    width: 100%;
    height: auto;
    position: absolute;
    text-align: center;
    top: 40%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
h1 {
    font-size: 50px;
    margin: 20px 0;
}
h1 span {
    color: #0CC2FF;
}
p{
  font-size: 24px;
}
p a{
   color: white;
}
@media (max-width:900px){
body{
   background-color: #ff9800;
}
.back{
      display: none;
}
.main-text{
    width: fit-content;
    padding: 0 10px;
    margin-top: 50px;
}
h1{
    font-size: 40px;
}

}