style.css

*{
    padding: 0;
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
    box-sizing: border-box;
}

body{
    width: 100%;
    height: 100vh;
    background-image: url(img.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}


.buttons button:hover{
    color: rgb(7,113,219);
    background-color: transparent;
    border: 2px solid rgb(7,113,219);
    box-shadow: 0 0 10px 4px rgb(7,113,219);
}

section{
    width: 100%;
    height: 90vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

.content{
    width: 40%;
    text-align: center;
    color: rgb(255, 255, 255);
}

.content h1{
    font-size: 3rem;
    text-shadow: 0 0 7px white;
}


.content p{
    width: 60%;
    margin: 20px 20%;
}

.content button{
width: 40%;
height: 7vh;
border-radius: 10px;
background: rgb(7,113,219);    
border: none;
outline: none;
color: white;
cursor: pointer;
font-size: 1.2rem;
font-weight: 700;
transition: 0.2s linear;
}

.content button:hover{
    scale: 1.1;
    font-size: 1.3rem;
    background-color: transparent;
    backdrop-filter: brightness(40%);
    color: rgb(7,113,219);
    border: 1px solid rgb(7,113,219);
    box-shadow: 0 0 10px 3px rgb(7,113,219);
}