:root{--primary-color:#262626;--secondary-color:#f0f0f0;--font-primary:"Raleway",sans-serif!important;--font-secondary:"Montserrat",sans-serif!important}.nav{display:flex;justify-content:space-between;align-items:center;height:80px;background-color:#fff;box-shadow:0 1px 5px rgba(0,0,0,.1);padding:0 2rem}.site-title{font-size:28px;font-weight:700;color:#333;text-decoration:none}.nav ul{display:flex;list-style:none;margin:0;padding:0}.nav li{margin-right:.5rem;padding-left:1rem;padding-right:1rem}.nav li:last-child{margin-right:0}.nav a{font-size:18px;color:#666;text-decoration:none;transition:color .3s ease}.nav a:hover{color:#333;text-shadow:0 0 1px #333}@media only screen and (max-width:414px){.nav{padding-left:1rem;padding-right:1rem}.nav ul{padding-left:.5rem;padding-right:.5rem}.nav li{padding:.25rem}.nav a{font-size:16px}}body{margin:0;font-family:var(--font-primary);background-color:var(--secondary-color);color:var(--primary-color);min-height:calc(100vh - 80px);position:relative;padding:0 0 80px}p{font-family:var(--font-secondary)}a{color:var(--primary-color);text-decoration:none}a:hover{color:#3f3f3f}.footer{height:80px;background-color:#fff;box-shadow:0 -1px 5px rgba(0,0,0,.1);bottom:0;position:absolute}.container,.footer{display:flex;align-items:center;width:100%}.container{justify-content:center}.footer p{font-size:14px;font-weight:700;color:#333;margin:0}@media only screen and (max-width:768px){.container{padding:10px}.footer p{font-size:12px}}