@import url(./template.css);

:root {
    --body-font:'Segoe UI', Sans-serif;
    /* --body-font:'Segoe UI','游ゴシック Medium','Yu Gothic Medium','游ゴシック体',YuGothic,'Hiragino Kaku Gothic ProN','メイリオ',Meiryo,sans-serif; */
    --display-font:'Georgia', serif;
    /* --display-font:'Segoe UI','游ゴシック Medium','Yu Gothic Medium','游ゴシック体',YuGothic,'Hiragino Kaku Gothic ProN','メイリオ',Meiryo,sans-serif; */
    --accent-color:#9CB400;
    /* Declare variables you can use later :D */
}

body{
    background-image:url(./bg.png);
    background-color: rgb(255, 255, 255);
    background-size:cover;
    background-attachment:fixed;
    /* background-color:var(--accent-color);  */
    font-family:var(--body-font);
}

#container{
    background-color:rgb(255, 255, 255);
    border:1px dotted #000000;
    /* box-shadow:0 0 10px 0 black; */
}

#nav{
    background-color:rgb(255, 255, 255);
    text-align: center;
    /* text-decoration: underline; */
    /* border-left: 1px dotted */
}

#nav img{
    /* border: 1px dotted black */
    margin-bottom:15px;
}

nav a:hover{
    /* background-color:var(--accent-color)!important; */
    color:var(--accent-color)!important;
    text-decoration: underline;
}

footer{
    /* background-color:var(--accent-color); */
    background-color:rgb(255, 255, 255);
    border-top: 1px dotted
}

@media only screen and (min-width: 551px) {
    nav a:nth-of-type(2n+1){
        background-color: rgb(255, 255, 255);
    }
}

.footwear {
    float:right;
    height:15px;
    width:20px;
    border:none;
}