/* template styles */

* {
    margin:0;
    padding:0;
    box-sizing: border-box;
    font-family: "Jersey 10", sans-serif;
    color:#000690;
}

/* FONT */

.jersey-10-regular {
    font-family: "Jersey 10", sans-serif;
    font-weight: 400;
    font-style: normal;
  }

body {
    background:url("../images/background.png");
    background-size:cover;
}

header {
    position:fixed;
    top:0;
    left:0;
    width:160px;
    height:100%;
}


#wrapper {
    width:940px;
    margin: 40px auto;
    background:orange;
    
}

.window {
    width:940px;
    margin:0 auto;
    background:#FFDDDF;
    border:2px outset #FFB7DE;
  
}

.window-header {
    width:100%;
    height:40px;
    line-height:40px;
    background:#FFB7DE;
    border:2px outset #FFDDDF;
    /* overflow:hidden; */

}

.window-header img {
    border:2px outset #FFDDDF;
    float:right;
    height:100%;
}

main {
    width:580px;
    float:left;
    background:#FFDDDF;
    border:2px outset #FFB7DE;
}

aside {
    width:340px;
    float:right;
    background:#FFDDDF;
    border:2px outset #FFB7DE;

}

.third {
    width:100px;
    height:100px;
    float:left;
    margin-right:18px;
}

.third:last-of-type {
    margin-right:0;
}

.third img {
    width:100%;
}

footer {
    position:fixed;
    bottom:0;
    right:0;
    width:100%;
    background:#FFDDDF;
    border-top: 2px outset #FFB7DE;
    font-size:1.2em;
    text-transform:lowercase;
    
}

footer li {
    list-style-type: none;
    height:40px;
    line-height:40px;
    float:left;
    width:200px;
    border:2px outset #FFB7DE;
    text-align:center;
    
    
}

footer li:first-of-type {
    width:120px;
    text-align:left;
    padding-left:25px;
}

footer a {
    text-decoration:none;
    display:block;
}

footer a:hover {
    border:2px inset #FFB7DE;
    height:100%;
}

.trash {
    height:80px;
    width:80px;
    position:fixed;
    bottom:40px;
    right:0;
}

.trash img {
    width:100%;
    padding:10px;
}


/* NAVIGATION */


nav li {
    list-style-type: none;
}

nav img {
    max-width:80px;
    padding:10px 10px 0 10px;
    margin-left:10px;
}

nav a {
    text-decoration:none;
}

figcaption {
    border:1px dotted white;
    color:white;
    width:80px;
    text-align:center;
    margin-bottom:10px;
    margin-left:10px;
}

nav a:hover {
    background:red;
}

/* TYPOGRAPHY */

h1, h2 {
    margin-left:20px;
}

h3 {
    margin-left:20px;
    margin-top:10px;
}

p {
    margin:10px 20px 20px 20px;
    font-family:sans-serif;
}