@font-face{
    font-family:"Verdana";
    src:url(fonts/verdana.ttf) format('truetype');
    font-style:normal;
}

@font-face{
    font-family:"Verdana";
    src:url(fonts/verdana-bold.ttf) format('truetype');
    font-weight:bold;
}

body{
    background-color: #faebd7;

    height:100vh;
    width:100%;
    margin:0;
}

.container{
    display: block;
    width:85%;
    margin: 15px auto;

    justify-content: center;
}

.textbox{
    font-size:18px;
    padding: 25px 0;
}

.textbox h1{
    margin:5px;
    margin-bottom:10px;

    padding:10px;
    background-color:#CCE8F5;

    font-size: 36px;
    font-family: Verdana;
    font-weight: bold;

    text-align:center;
}

.textbox h2{
    text-decoration-line: underline;
}

.nav{
    display: flex;
    justify-content: space-between;

    margin-top:-10px;
}

.nav a{
    transition:0.2s;
    scale: 1;
}

.nav a:hover{
    transition:0.2s;
    scale: 1.1;
}

.back{
    font-family:Verdana;
    font-size:14px;

    padding:5px 10px;
    margin:10px;

    color:#000;
    background-color:#d8d8d8;

    transition:0.2s;
    scale:1;
}

.next{
    font-family:Verdana;
    font-size:14px;

    padding:5px 10px;
    margin:10px;

    color:#deffd4;
    background-color:#377537;

    transition:0.2s;
    scale:1;
}

.footer{
    text-align: center;
    padding-bottom: 50px;
}

.footer p{
    margin:0;
}