@font-face {
    font-family: 'publicpixel';
    src: url("font/PublicPixel.ttf");
    font-weight: normal;
    font-style: normal;
}

body{
    background-color: darkslategray;
    text-align: center;
    font-family: publicpixel;
    font-size: 12px;
    
    .box {
        display: flex;
        
    }
    
    .nav {
        background-color: floralwhite;
        width: 130px;
        height: 600;
        color: darkslategray;
        margin: 1% 1% 1% 20%;
        padding: 0px 2px 0px 2px;
        border: 5px solid indianred;
        min-width: 130px;
        max-height: 250px;
        min-height: 250px;
        
        .nav-links {
            text-align: center;
            font-size: 16px;
            padding: 10px;
            display: flex;
            flex-direction: column;
            
            a {
                color: darkslategray;
                text-decoration: none;
                border: 2px solid indianred;
                padding: 6px;
                margin: 4px;
                background-color: lightpink;
            }
            
            a:hover {
                font-size: 18px;
                color: slategray;
            }
        }
        
        .fit-navi {
            width: 100px;
        }
        
        
        
    }
    
    .main{
        background-color: cadetblue;
        width: auto;
        height: auto;
        color: darkslategray;
        margin: 1% 20% 1% 0%;
        padding: 4px 8px 4px 8px;
        border: 5px solid indianred;
        min-width: 600px;
        
        
        h1{
            width: auto;
            height: auto;
            background-color: floralwhite;
            margin: 10px 20%;
            padding: 4px;
            border: 3px solid indianred;
            color: darkslategray;
            
            
        }
        
        h3 {
            width: auto;
            height: auto;
            background-color: floralwhite;
            margin: 8px 20%;
            padding: 4px;
            border: 3px solid indianred;
            color: darkslategray;
        }
        
        p{
            margin: 4%;
            padding: 2px;
        }
        
        img {
            padding: 4px;
        }
    }
}