body {
    background-image: url('https://emojiguide.com/wp-content/uploads/2022/07/Yellow-smiles-background-1024x854.jpg');
    background-size: cover;
}
.page1{
    margin-bottom: 300px;
}

.box1 {
    position:relative;
    width: 650px;
    height: 400px;
    left: 20%; 
    right:25%;
    margin-top: 10%;
    background-color: rgb(52, 61, 61);
    border-radius: 50px;
    border: 3px solid rgb(150, 168, 173);
}



.header{
    position:absolute;
    top: 40px;
    left: 10%;
    font-size: 45px;
    color: rgb(161, 206, 201);
    font-family: 'Courier New', Courier, monospace;
    
}

.main-graytext {
    color: rgb(79, 84, 83);
    font-size: 40px;
    padding: 0px;
    margin: 0px;

}

.box1 h2 {
    position: absolute;
    top: 120px;
    left: 10%;
    font-size: 18px;
    color: rgb(143, 143, 143);
    font-family: 'Courier New', Courier, monospace;
}

.hidden {
    color: rgb(52, 61, 61);


}

.box1 p {
    position: absolute;
    top: 300px;
    left: 10%;
    font-size: 18px;

}

.main-link {
    color: rgb(143, 143, 143);
    text-decoration: none;
}

.second-link {
    color: rgb(100, 100, 100);
    text-decoration: none;
}

.minor-text{
    color: rgb(100, 100, 100);
    font-size: 12px;
}


.box2 {
    position:relative;
    width: 650px;
    height: 200px;
    left: 20%;
    right:25%;
    margin-top: 10%;
    background-color: rgb(52, 61, 61);
    border-radius: 40px;
    border: 3px solid rgb(150, 168, 173);
    margin-bottom: 100px;
}

.box2 h2 {
    position: absolute;
    top: 20px;
    left: 10%;
    font-size: 18px;
    color: rgb(143, 143, 143);
    font-family: 'Courier New', Courier, monospace;
    text-decoration: underline;
}


.box2 p {
    position: absolute;
    top: 80px;
    left: 10%;
    font-size: 18px;
    color: rgb(100, 100, 100);


}

.box2 h3 {
    position: absolute;
    top: 50px;
    left: 10%;
    font-size: 18px;
    color: rgb(100, 100, 100);
    font-family: Times New Roman, Times, serif;
}