@font-face{
    font-family: Typewriter;
    src: url("Typewriter 3.ttf");
}
html, body, #wrapper{
    height: 100%;
    overflow: hidden;
    background-color: #777777;
}
p, h1{
    font-family: "Typewriter", serif;
    text-align: center;
    margin: 50px;
}
#links:hover{
    text-decoration: underline;
    text-decoration-thickness: 3px;
}
#paper{
    overflow-y: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
}
#paper::-webkit-scrollbar{
    display: none;
}
.button{
    position: relative;
    height: 30px;
    width: 70px;
    background: transparent;
    border: none !important;
    font-size:0;
}
@media only screen and (max-width: 590px){
    html, #wrapper{
        background-color: #eec39a;
    }
    #bookmark{
        background-image: url("../IMG/Bookmarkv2.png");
        background-size: cover;
    }
    #paper{
        background-position: center;
        background-image: url("../IMG/TopDev.png");
        background-repeat: no-repeat;
        height: 233px;}
}
@media only screen and (min-width: 590px){
    #wrapper {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    #folder {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        /* background-color: beige;*/
        background-image: url("../IMG/FolderCoverv2.png");
        height: 800px;
        width: 590px;
    }
    #paper{
        overflow: hidden;
        display: flex;
        flex-direction: column;
        height: 750px;
        width: 550px;
    }
    #bookmark{
        background-image: url("../IMG/Bookmarkv2.png");
        background-repeat: no-repeat;
        height: 30px;
        width: 590px;
    }
    .phone{
        display: none;
    }
    .button{
        position: relative;
        height: 30px;
        width: 70px;
        background: transparent;
        border: none !important;
        font-size:0;
    }
}
@media only screen and (min-width: 590px) and (max-width: 811px) {
    html, #wrapper{
        background-color: deeppink;
    }
}