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

.ratio-div {
    width: 100vw;
    
}

.main-page-img {

    padding-bottom: 7.5%;
    min-width: 675px;

    height: auto;
    width: 70%;
    margin-left: 15vw;
    margin-right: 15vw;
}

.resume-page-img {
    display: block;

    min-width: 800px;
    min-height: 750px;

    height: auto;
    width: 60vw;
    margin-left: 20vw;
    margin-right: 20vw;
}

.multi-page-img {
    display: block;

    min-width: 500px;

    margin-top: 10vh;
    margin-left: 20vw;
    margin-right: 20vw;

    width: 60vw;
}

.link {
    margin-left: 5vw;
    margin-top: 5px;
    font-weight: bold;
    font-family: Arial, sans-serif
}

.back-button {
     width: 1.8vw; 
}

a:link {
    text-decoration: none;
    color: grey;
}

a:hover {
    text-decoration: underline;
}

a:visited {
    color: grey;
}