style.css

/* laptop */
@media (max-width: 1366px) {
html{
    font-size: 75%;
}

}

/* hp */
@media (max-width: 450px) {
    html{
        font-size: 55%;
    }
    
    }
    


/* tablte */
@media (max-width: 758px) {
    html{
        font-size: 62,5%;
    }
    
    }

.hero{

   width: 100%;
   height: 100vh;
  background-image: linear-gradient(rgba(12,3,51,0,3),rgba(12,3,51,0,3));
  position: relative;
  padding: 0 5%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.content {
    text-align:center;
}
.content h1{
    font-size: 160px;
    color: azure ;
    font-weight: 600;
}

.content a{
    text-decoration: none;
    display: block;
    color:black;
    font-size: 24px;
    border: 2px solid white;
    padding: 14px 70 px;
    border-radius: 50px;
    margin-top: 20px;
}

body {
    min-height: 2000px;
    background-color: black;
   
}
.hero::after{
    content: ;
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(1,1,3,1) 3% rgba(255,255,255, 0) 25%);
}

.about{
    padding: 1.4rem 7% 1.4rem;
    color: white;
    
}
.cta{
    margin-top: 1rem;
    display: inline-block;
    padding: 1rem 3rem;
    font-size: 2rem;
    color: white;
    background-color: darkgoldenrod;
}

.virus{
    border: lightslategray;
    font-size: 18px;
    color: white;
    border: 2px solid white;
    border-radius: 50px;
}