*{margin:0;padding:0;border:none;box-sizing:border-box;font-family:'Open Sans', sans-serif}html{font-size:17px}body{background:#F5F5F5;color:#1F2E37}main{max-width:600px;margin:60px auto 0}ul{list-style:none}p,ul{margin-bottom:10px}a{color:#F5F5F5}svg{fill:#FFFD00;width:100%}.main-menu{background:#1F2E37;padding:10px;position:fixed;top:0;left:0;width:100%}body:not(.contact) .main-menu{box-shadow:0 5px 10px rgba(0,0,0,0.5)}.main-menu__logo img{height:40px}.main-menu__text-links{float:right;padding:0;list-style:none;width:calc(100% - $spacer*6);text-align:right;margin-bottom:0}.main-menu__text-links li{line-height:20px;padding-top:20px;display:inline-block}.main-menu__text-links a{color:#FFFD00;text-decoration:none}.main-menu__text-links-gap{margin:10px 10px 0;width:2px;height:20px;background:#F90000}.projects .main-menu__text-links-gap,.contact .main-menu__text-links-gap{background:transparent}.contact .main-menu__text-links li:last-of-type a,.projects .main-menu__text-links li:first-of-type a{font-weight:bold;border-bottom:2px solid #F90000}.intro{background:#1F2E37;color:#F5F5F5;padding-top:40px}.intro p,.intro ul{padding:0 40px}.intro svg{fill:#F5F5F5;display:block}.intro__arrows{display:inline-block;width:100%}.intro__arrows svg{width:40px;margin-left:calc(75% - 20px);display:inline-block;fill:#FFFD00}.intro__arrows svg path{animation:pulse 3s infinite}.intro__arrows svg path:first-of-type{animation-delay:-.3s}@keyframes pulse{0%{opacity:0.7}33%{opacity:0.7}50%{opacity:1.0}66%{opacity:0.7}100%{opacity:0.7}}.project_list{padding:40px}.project-link{margin-bottom:20px}.project-link a{text-decoration:none;color:#1F2E37}.project-link h1{font-size:22px}.project-link img{width:100%}.project_page{padding:40px}.project_page h1,.project_page h2{margin-bottom:20px}.project_page img{max-width:100%}.post{padding:2em 1em}.post img{max-width:100%}.category_list{padding:40px}.contact-content{padding:40px 40px calc(18.75vw + 20px);background:#1F2E37;color:#F5F5F5;position:relative}.contact-content__link{background:#FFFD00;color:#1F2E37;text-align:center;height:40px;line-height:40px;display:block;width:100%;text-decoration:none;margin:20px 0;border-radius:5px;max-width:250px}.contact-content__link *{display:inline-block}.contact-content__link svg{width:30px;fill:#1F2E37;display:inline;vertical-align:sub;margin-left:10px}.contact-content>svg{position:absolute;left:0;bottom:0;width:100%}footer{background:#FFFD00;text-align:right;padding:5px 20px}