@charset "UTF-8";:where(html){line-height:1.15}:where(h1){-webkit-margin-after:.67em;-webkit-margin-before:.67em;font-size:2em;margin-block-end:.67em;margin-block-start:.67em}:where(dl,ol,ul) :where(dl,ol,ul){-webkit-margin-after:0;-webkit-margin-before:0;margin-block-end:0;margin-block-start:0}:where(hr){box-sizing:content-box;color:inherit;height:0}:where(pre){font-family:monospace,monospace;font-size:1em}:where(abbr[title]){text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}:where(b,strong){font-weight:bolder}:where(code,kbd,samp){font-family:monospace,monospace;font-size:1em}:where(small){font-size:80%}:where(table){border-color:currentColor;text-indent:0}:where(button,input,select){margin:0}:where(button){text-transform:none}:where(button,input:is([type=button i],[type=reset i],[type=submit i])){-webkit-appearance:button}:where(progress){vertical-align:baseline}:where(select){text-transform:none}:where(textarea){margin:0}:where(input[type=search i]){-webkit-appearance:textfield;outline-offset:-2px}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focus-inner{border-style:none;padding:0}:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focusring{outline:1px dotted ButtonText}:where(:-moz-ui-invalid){box-shadow:none}:where(dialog){background-color:#fff;border:solid;color:#000;height:-moz-fit-content;height:-webkit-fit-content;height:fit-content;left:0;margin:auto;padding:1em;position:absolute;right:0;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content}:where(dialog:not([open])){display:none}:where(summary){display:list-item}html{box-sizing:border-box;font-size:62.5%}*,:after,:before{box-sizing:inherit}blockquote,body,figure,form,h1,h2,h3,h4,h5,h6,ol,p,pre,ul{margin:0}body{font-size:1.6rem}img{max-width:100%}ul{padding-left:0}button{background:unset;border:0;color:currentColor;cursor:pointer}:root{--primary:#ebebeb;--secondary:#374258;--accent:#adb9c9;--trans:all .4s ease-in-out}html{height:100%;scroll-behavior:smooth}body{background-color:#f3e6e8;background-image:linear-gradient(315deg,#f3e6e8,#d5d0e5 74%);font-family:Source Sans Pro,sans-serif}a{text-decoration:none}a,button{transition:var(--trans)}h1,h2,h3,nav{font-family:Libre Baskerville,serif}h2{font-size:2.5em}ul{list-style:none}main{padding:0 2.5%}section{min-height:100vh;padding:1em 0}section>h2{color:var(--secondary);font-weight:700}.btn{border:1px solid var(--primary);color:var(--primary);font-family:Libre Baskerville,serif;margin:0 auto;max-width:80%;padding:.5em 2em .5em 2.5em;transition:var(--trans)}@media (hover:hover) and (pointer:fine){.btn:focus,.btn:hover{background-color:var(--secondary);border:1px solid var(--secondary);transition:var(--trans)}}@media (hover:none){.btn:active,.btn:focus{background-color:var(--secondary);border:1px solid var(--secondary);transform:scale(1.1);transition:var(--trans)}}#about article,#about div,#contact,#contact form,#work{display:flex;flex-wrap:wrap;gap:1em;place-content:center space-between}#svg-sprite{display:none}.icon{display:inline-block;height:0;padding-top:50%;position:relative;vertical-align:middle;width:50%}.icon svg{fill:currentColor;height:100%;left:0;position:absolute;top:0;width:100%}header{background-image:linear-gradient(147deg,#000,#2c3e50 74%);color:var(--primary);display:flex;flex-direction:column;flex-wrap:wrap;gap:1em;height:100vh;place-content:center;text-align:center;text-transform:uppercase}header .btn:after{content:"→";display:inline-block;margin-left:1em;transition:all .4s ease-in-out}header .btn:hover:after{transform:rotate(90deg)}footer{background-color:var(--secondary);color:var(--primary);font-size:2rem;padding:1em 2.5%;text-align:center;width:100%}footer a{color:var(--accent)}footer a:focus,footer a:hover{color:var(--primary)}nav{overflow:hidden;padding:1em;position:fixed;right:0;top:0;z-index:1}nav button{background:var(--secondary);border:0;border-radius:5px;box-shadow:0 0 5px #000,2px 2px 5px #000,inset 0 0 8px #000;color:var(--primary);cursor:pointer;display:none;font-size:1.5em;height:5rem;position:relative;text-align:center;width:5rem;z-index:2}nav button:focus,nav button:hover{color:var(--accent)}nav button:after{content:"☰";display:block;margin-top:-2px}nav button.active:after{content:"X"}nav button span{clip:rect(1px,1px,1px,1px);border:0;overflow:hidden;padding:0;position:absolute}nav a{color:var(--primary);font-size:1.2em}nav a:focus,nav a:hover{color:var(--secondary)}.js nav button{display:block}.js nav div{background:#000;display:none;height:100vh;left:0;position:fixed;top:0;width:100%}.js nav div.active{display:block}.js nav ul{display:flex;flex-direction:column;gap:1em;height:100vh;text-align:center;width:100%}#work,.js nav ul{place-content:center}#work h2{flex-basis:100%;margin:1em 0}#work h3{color:var(--secondary);font-size:2rem;text-transform:uppercase}#work article{flex-basis:30%;min-width:18rem;text-align:center}#work p{padding:1em}#work .icon{color:var(--secondary);margin:1em auto}#about article{border:1px solid var(--secondary);box-shadow:0 2px 8px 1px #000;gap:0;margin-top:2em}#about div{background:var(--accent);flex:1;flex-direction:column;min-width:35rem;padding:2em;text-align:center}#about div img{border-radius:100%;margin:0 auto;max-width:20rem}#about div h3{font-size:2.5rem}#about div p{font-size:2rem}#about div ul{display:flex;flex-wrap:wrap;justify-content:center}#about div li{background:var(--secondary);border:1px solid var(--secondary);border-radius:.5rem;box-shadow:1px 1px 5px 1px var(--secondary);margin:.5em;padding:.5em 1em;transition:var(--trans)}@media (hover:hover) and (pointer:fine){#about div li:focus,#about div li:hover{opacity:.8;transition:var(--trans)}}#about aside,#about div li a{color:var(--primary)}#about aside{background:var(--secondary);flex:1;min-width:35rem;padding:2em}#about aside li{margin:20px 0;position:relative}#about aside li>span{background-color:#353b48;border:1px solid rgba(0,0,0,.3);border-radius:3px;box-shadow:0 0 10px #2187e7b3;display:block;height:4px;overflow:hidden}#about aside li span span{background:#2187e7;float:left;height:4px}#about aside li span span:after{display:block;font-size:1.5rem;position:absolute;right:1%;top:0}#about aside .html{-webkit-animation:uc2n670 2s forwards;animation:uc2n670 2s forwards}@-webkit-keyframes uc2n670{0%{width:0}to{width:90%}}@keyframes uc2n670{0%{width:0}to{width:90%}}#about aside .html:after{content:"90%"}#about aside .css{-webkit-animation:uc2n671 2s forwards;animation:uc2n671 2s forwards}@-webkit-keyframes uc2n671{0%{width:0}to{width:90%}}@keyframes uc2n671{0%{width:0}to{width:90%}}#about aside .css:after{content:"90%"}#about aside .javascript{-webkit-animation:uc2n67a 2s forwards;animation:uc2n67a 2s forwards}@-webkit-keyframes uc2n67a{0%{width:0}to{width:60%}}@keyframes uc2n67a{0%{width:0}to{width:60%}}#about aside .javascript:after{content:"60%"}#about aside .jquery{-webkit-animation:uc2n67s 2s forwards;animation:uc2n67s 2s forwards}@-webkit-keyframes uc2n67s{0%{width:0}to{width:45%}}@keyframes uc2n67s{0%{width:0}to{width:45%}}#about aside .jquery:after{content:"45%"}#about aside .nodejs{-webkit-animation:uc2n67t 2s forwards;animation:uc2n67t 2s forwards}@-webkit-keyframes uc2n67t{0%{width:0}to{width:30%}}@keyframes uc2n67t{0%{width:0}to{width:30%}}#about aside .nodejs:after{content:"30%"}#about aside .php{-webkit-animation:uc2n68i 2s forwards;animation:uc2n68i 2s forwards}@-webkit-keyframes uc2n68i{0%{width:0}to{width:65%}}@keyframes uc2n68i{0%{width:0}to{width:65%}}#about aside .php:after{content:"65%"}#about aside .git{-webkit-animation:uc2n68t 2s forwards;animation:uc2n68t 2s forwards}@-webkit-keyframes uc2n68t{0%{width:0}to{width:70%}}@keyframes uc2n68t{0%{width:0}to{width:70%}}#about aside .git:after{content:"70%"}#about aside .wordpress{-webkit-animation:uc2n69b 2s forwards;animation:uc2n69b 2s forwards}@-webkit-keyframes uc2n69b{0%{width:0}to{width:75%}}@keyframes uc2n69b{0%{width:0}to{width:75%}}#about aside .wordpress:after{content:"75%"}#about aside .joomla{-webkit-animation:uc2n69y 2s forwards;animation:uc2n69y 2s forwards}@-webkit-keyframes uc2n69y{0%{width:0}to{width:40%}}@keyframes uc2n69y{0%{width:0}to{width:40%}}#about aside .joomla:after{content:"40%"}#about aside .gimp{-webkit-animation:uc2n6a8 2s forwards;animation:uc2n6a8 2s forwards}@-webkit-keyframes uc2n6a8{0%{width:0}to{width:45%}}@keyframes uc2n6a8{0%{width:0}to{width:45%}}#about aside .gimp:after{content:"45%"}#about aside .inkscape{-webkit-animation:uc2n6am 2s forwards;animation:uc2n6am 2s forwards}@-webkit-keyframes uc2n6am{0%{width:0}to{width:80%}}@keyframes uc2n6am{0%{width:0}to{width:80%}}#about aside .inkscape:after{content:"80%"}#projects img{width:100%}#projects div{color:var(--primary);display:grid;gap:1em;grid-template-columns:repeat(auto-fit,25rem);padding:2em;place-content:center;width:100%}#projects article,#projects figure{position:relative}#projects figcaption{background:var(--secondary);font-size:1.4em;padding:.2em}#projects article div,#projects figcaption{bottom:0;left:0;position:absolute;right:0;text-align:center}#projects article div{background:rgba(25,51,77,.8);color:#faebd7;display:flex;flex-direction:column;flex-wrap:wrap;gap:1em;opacity:0;place-content:center;top:0;transition:var(--trans)}@media (hover:hover) and (pointer:fine){#projects article div:focus,#projects article div:hover{opacity:1;transition:var(--trans)}}#contact>h2{flex-basis:100%}#contact address{align-self:center;flex:1;font-size:2em;justify-self:center}@media (max-width:960px){#contact address{order:3;text-align:center}}#contact .adr span{display:block}@media (max-width:960px){#contact .adr span{display:inline-block}}#contact form{background:#161616;border-radius:.5rem;box-shadow:0 0 5px #000,2px 2px 5px #000,inset 0 0 8px #000;margin:5rem auto;max-width:72rem;padding:3rem;place-content:center}#contact form div{flex:1;flex-basis:100%;margin:1rem 0;position:relative}#contact form .small-input{flex:1 1 45%;min-width:20rem}#contact form input,#contact form textarea{background-color:#2d2d2d;border:0;border-radius:.5rem;color:#fff;font-size:1rem;padding:2rem;width:100%}#contact form input:focus,#contact form textarea:focus{outline:0}#contact form input:focus~label,#contact form textarea:focus~label{color:#999;font-size:.75em;top:-5px;transition:all .225s ease}#contact form label{color:#999;left:0;padding:1rem 1.5rem;position:absolute;top:.5rem;transition:all .25s ease}#contact form textarea{min-height:15em}#contact form .btn{background:var(--secondary);color:var(--accent)}@media (hover:hover) and (pointer:fine){#contact form .btn:focus,#contact form .btn:hover{background:var(--accent);color:var(--secondary);transition:var(--trans)}}
/*# sourceMappingURL=styles.min.css.map */