@import"https://fonts.googleapis.com/css?family=Roboto:300,400,500&display=swap";html{color:#111;font-family:"Roboto","sans-serif";font-weight:300}h1,h2,h3,h4,h5,h6{font-weight:300}a{color:#111;font-weight:400;text-decoration:none}a:visited{color:#444}body{margin:0;overflow:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body>div{position:fixed;top:0;left:0;width:100%;height:100%;display:grid}body>div>div{justify-self:center;align-self:center;margin-bottom:5rem;margin-left:2rem;margin-right:2rem}section h1{font-weight:500;font-size:3.6rem;margin-bottom:0;color:#b00}section h1+p{font-weight:300;font-size:1.8rem;margin-top:.5rem;margin-bottom:0}nav ul{list-style-type:none}nav>ul{display:flex;justify-content:flex-start;flex-direction:row;position:relative;font-size:1.6rem;padding-left:0}@media only screen and (max-device-width: 525px){nav>ul{flex-direction:column;width:fit-content}}nav>ul>li{margin-right:.2rem}nav>ul>li a{color:#111;font-weight:300;text-decoration:none}nav>ul>li a:visited{color:#111}nav>ul>li:not(:last-child){padding-right:.6rem}nav>ul>li:not(:last-child)::after{content:"/";color:#b00;font-weight:400;padding-left:.6rem}@media only screen and (max-device-width: 525px){nav>ul>li{padding-bottom:.6rem}nav>ul>li:not(:last-child)::after{content:none}nav>ul>li a{font-weight:400}}nav>ul #projectsListParent ul{visibility:hidden;transition:visibility 900ms;display:flex;flex-direction:column;position:absolute;top:100%;padding-top:1rem;padding-left:1rem;line-height:1.6}@media only screen and (max-device-width: 525px){nav>ul #projectsListParent ul{top:0;left:100%;padding-top:0;line-height:1.2}nav>ul #projectsListParent ul li{margin-bottom:.4rem}}nav>ul #projectsListParent ul li{opacity:0}nav>ul #projectsListParent ul li:nth-child(1){transition:opacity 900ms ease}nav>ul #projectsListParent ul li:nth-child(2){transition:opacity 600ms ease}nav>ul #projectsListParent ul li:nth-child(3){transition:opacity 300ms ease}nav>ul #projectsListParent ul a{font-size:1.4rem;color:#111;font-weight:400;text-decoration:none}@media only screen and (max-device-width: 525px){nav>ul #projectsListParent ul a{font-size:1.2rem}}nav>ul #projectsListParent:hover ul,nav>ul #projectsListParent:focus-within ul{visibility:visible}nav>ul #projectsListParent:hover ul li,nav>ul #projectsListParent:focus-within ul li{opacity:1}nav>ul #projectsListParent:hover ul li:nth-child(1),nav>ul #projectsListParent:focus-within ul li:nth-child(1){transition:opacity 500ms ease}nav>ul #projectsListParent:hover ul li:nth-child(2),nav>ul #projectsListParent:focus-within ul li:nth-child(2){transition:opacity 1000ms ease}nav>ul #projectsListParent:hover ul li:nth-child(3),nav>ul #projectsListParent:focus-within ul li:nth-child(3){transition:opacity 1500ms ease}