@import "https://fonts.googleapis.com/css2?family=Source+Code+Pro:ital@0;1&display=swap";body{color:#1ea158;background-color:#0f1a20;margin:0;font-family:Source Code Pro,monospace}body h1{font-size:x-large}body h2{font-size:large}body a{text-underline-offset:6px;font-size:small;text-decoration:underline}body a:link,body a:hover,body a:active,body a:visited{color:#1ea158}body summary{font-weight:700}body main{width:50%;margin:0 auto 156px}body main #catchword p{text-align:center;font-size:small;font-style:italic;display:inline-block;position:relative}body main #catchword p:before{content:"";background:#1ea158;width:65%;height:1px;display:block;position:absolute;bottom:-5px}body main #container{margin-top:40px}body main #container section article{border-left:5px solid #1ea158;padding-left:15px}body main #container section article p{margin-left:25px;font-size:small}body main #container section article details[open] summary~*{animation:.5s ease-in-out sweep}@keyframes sweep{0%{opacity:0;transform:translate(-5px)}to{opacity:1;transform:translate(0)}}@media only screen and (width>=601px) and (width<=1024px){body main{width:90%}}@media only screen and (width<=600px){body main{width:95%}}header{justify-content:space-between;display:flex}header #band-container{width:40vw;height:20vh;position:relative;overflow:hidden}header #band-container .band{transform-origin:0 0;border:1px solid #1ea158;width:100vw;height:25px;position:absolute;top:100px;left:-40px;transform:rotate(-40deg)}header #band-container a{font-size:small;font-weight:700;text-decoration:none;position:absolute;top:30px;left:-5px;transform:rotate(-40deg)}header #band-container a:after{content:"|";margin-right:5px;animation:1s linear infinite blinker}header #author-container{padding:10px}header #author-container p,header #author-container a{text-align:right;margin:0;font-size:xx-small}@keyframes blinker{50%{opacity:0}}#introduction{margin-bottom:40px}#introduction ul{columns:2}#introduction .state{color:#0f1a20;background-color:#1ea158;padding:1px;font-weight:700}#skills-block-1{text-align:center;margin-top:20px;margin-left:20px;display:flex}#skills-block-1 figure{background-color:#1ea158;margin:0 5px;padding:10px 10px 0}#skills-block-1 figure img{width:50px;height:50px}#skills-block-1 figcaption{color:#0f1a20;padding-bottom:10px}#skills-block-2 ul{columns:2}#skills-block-2 ul li{font-size:small}#portfolio ul li span{padding-top:10px;font-size:x-small;font-style:italic;display:block}