*{
    margin: 0;
    padding: 0;
}
html{
    height: 100%;
}
body{
    height: 100%;
    background-image: url("backgroundImage.png");
    background-size: 100vw;
    font-family: 'Courier New', Courier, monospace;
    background-color: lightblue;
    display: flex;
    align-items: center;
    justify-content: center;
}
.main{
    margin-top: 0.5vh;
    border-radius: 0.25vh 0.25vh;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    text-align: center;
    padding: 0vh 0.10vw*2 0vh 0.10vw;
}
.mainimg{
    width: 40.00vw;
    border-radius: 2.5vh 2.5vh;
    margin-top: -2.00vh;
}
.icon{
    width: 2vw;
}
h1{
    background-color: rgb(190, 138, 105);
    border-radius: 2.5vh 2.5vh;
    color: rgb(5, 15, 9);
    font-size: 4.00vw;
    margin-top: 6.00vh;
    margin-bottom: 1.00vh;
}
.email{
    
    border-radius: 2.5vh 2.5vh;
    background-color: rgb(199, 167, 147);
    margin-bottom: 2.0vh;
    margin-top: 1.00vh;
    display: flex;
    justify-content: center;
    align-items: center;
}
.emailtext{
    color: black;
    font-size: 2.0vw;
}
/* Maximum aspect ratio */
@media (max-aspect-ratio: 3/2) {
    .mainimg{
        width: 50.00vw;
    }
    h1{
        font-size: 6.00vw;
    }
    .icon{
        height: 3.00vw;
    }
    .emailtext{
        font-size: 3.0vw;
    }
    body{
        background-size: 100vw;
    }
}