* {
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
}

.container {
    background-image: url(https://cdn.wallpapersafari.com/24/74/zgeTuV.jpg);
    width: 100%;
    height: 100vh;
    /* opacity: 0.8; */
    background-color: blue;
    background: radial-gradient();

}

.logo {
    width: 100%;
    height: 100px;
    display: flex;
    justify-content: space-between;
    /* background-color: aqua; */
    margin-left: 58px;

}

.btn {
    width: 12%;
    /* background-color: beige; */
    display: flex;
    padding: 30px;
    justify-content: center;
    justify-content: space-between;
  
}

.hero {
    color: white;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    justify-content: space-evenly;
    width: 100%;
    height: 60vh;
    font-size: 30px;


}

.buttons {
    display: flex;
    width: 30%;

}

#email {
    width: 100%;
    padding: 10px 20px;
}

#get {
    background-color: red;
    padding: 10px 20px;
    width: 60%;
}
.borderline{
    width: 100%;
    background-color: rgb(120, 129, 129);
    height: 20px;
}
.second-page{
    display: flex;
    /* justify-content: space-between; */
    /* background-color: aqua; */
    width: 100%;
    justify-content: space-evenly;
    /* justify-content: center; */
height: 50vh;
margin-top: 25px;
/* flex-direction: column; */
}
.boxes{
    width: 100%;
    height: 50vh;
    /* background-color: aqua; */
    display: flex;
}
.box{
background-color: rgb(95, 95, 99);
padding: 50PX;
border: 2px solid black;
padding: 10px;
margin: 10px;
height: 35vh;
width: 50%;
border-radius: 15px;
display: flex;
justify-content: center;
flex-direction: column;
font-size: 20px;

}
.box h2{
    margin-bottom: 45px;
}
body{
background-color: black;}