@font-face {
    font-family: Tree;
    src: url(../fonts/ConsolaMono-Book.ttf);
}

nav{
    background: #9ea584;
    width: 100%;
    font-size: 2vw;
    margin: 0%;
}

nav a{
    padding:30px;
    text-decoration: none;
    color: #f7fbfa;
}

nav a:hover{
    /* margin: 10%;  */
    text-decoration: none;
    background-color: #445c42;
    transition:1s;

}
body{
    text-align: center;
    display: block;
    margin: 0px;
    height: 100vh;
    background: #1f2e1b;
    color: #f7fbfa;
    font-family: Tree;
}

main{
    background:#445c42;
    width: 70vw;
    margin: 0 auto;
    padding: 0;
}

img{
    max-width: 428px; ;
    width: 40%;
    min-width: 100px ;
}

img:hover{
    scale:130%;
    box-shadow: 10px 10px #070a06;
}


.ico img{
    max-width: 3%;
    margin: 3%;
    min-width: 50px;
}

.ico img:hover{
    scale:130%;
    box-shadow: 0px 0px #070a06;
}

@media screen and (max-width: 810px) {

    nav{
        background: #9ea584;
        width: 100%;
        font-size: 4vw;
        margin: 0%;
        display: flex;
        flex-direction: column;
    }
    
    nav a{
        margin: 2%;
    }

    main{
        background:#445c42;
        width: 100%;
        margin: 0 auto;
        padding: 0;
    }

    body{
        text-align: center;
        display: block;
        margin: 0px;
        height: 100vh;
        background: #1f2e1b;
        color: #f7fbfa;
        font-family: Tree;
    }

    img:hover{
        scale:100%;
        box-shadow: 0px 0px #070a06;
    }

    .ico img:hover{
        scale:100%;
        box-shadow: 0px 0px #070a06;
    }
}