style.min.css

/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block}audio:not([controls]){display:none;height:0}progress{vertical-align:baseline}[hidden],template{display:none}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}svg:not(:root){overflow:hidden}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}button,input,select,textarea{font:inherit;margin:0}optgroup{font-weight:700}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}html{width:100%;height:100%}html head{width:0;height:0}html body{width:100%;height:100%;font-family:Lato,sans-serif}html body div.nojs-div{display:none;background-color:#000;color:#fff;font-size:20pt;padding:6pt;text-align:center;position:fixed;width:100%}html body div.nojs-div.nojs{display:block}html body div#background{display:block;position:fixed;z-index:-5;top:0;width:100%;height:100%;background:radial-gradient(#0270f0,#014696) #0270f0}#button-hamburger{display:none}#buttons{display:block;position:fixed;list-style-type:none;right:5pt;top:20%;z-index:200}#buttons li{box-sizing:border-box;transition:all .2s;cursor:pointer;margin:2pt 0;float:right;clear:both;width:36pt;height:36pt;white-space:nowrap;display:block;overflow:hidden;border-radius:18pt;box-shadow:0 1pt 3pt rgba(0,0,0,.4);background-color:#fff}#buttons a{display:block;text-decoration:none}#buttons a span{display:inline-block;height:12pt}#buttons a span.image{width:36pt;height:36pt}#buttons a span.image img{width:24pt;height:24pt;padding:6pt}#buttons a span.title{font-size:14pt;text-align:center;width:60pt;display:inline;top:-14pt;position:relative;left:6pt;color:#000}#buttons li:hover{width:120pt}#title{padding-top:10%;width:100%;height:100%;box-sizing:border-box;text-shadow:0 1px 3px rgba(0,0,0,.2)}#title .title-light{color:#6eb8f5;font-size:28pt}#title .title-heavy{color:#ebf8ff;font-size:48pt}#title .title{font-family:"Marck Script",cursive;text-align:center;margin:10pt}@supports (animation-name:test){#title .title{opacity:0;animation:title-fade 1s ease-in forwards}}@keyframes title-fade{from{opacity:0}to{opacity:1}}#about{width:100%;min-height:100%;display:block;overflow:hidden}#about #about-top{height:40pt;display:block}#about #about-container{width:800pt;height:fit-content;margin:120pt auto;border-radius:2pt;line-height:1.5}@supports (animation-name:test){#about #about-container{animation-name:about-fade;animation-duration:.6s;animation-play-state:paused;animation-fill-mode:forwards;animation-timing-function:ease-in;opacity:0}}#about #about-container.nojs{animation-play-state:running}#about #about-container h1{text-align:center;background-color:transparent;color:#b0d0eb;margin:0;padding:2.5% 10%}#about #about-container #about-content{text-align:center;color:#2c2c2c;background-color:transparent;width:80%;margin:0 auto}#about #about-container #about-content #img-container{display:block}#about #about-container #about-content #img-container img{display:block;width:20%;background-color:#f9f9f9;border-radius:50%;box-shadow:0 3px 5px rgba(0,0,0,.15);margin:25pt auto}#about #about-container #about-content #p-container{display:block;background-color:#f9f9f9;box-shadow:0 3px 5px rgba(0,0,0,.15);border-radius:2pt;width:80%;padding:2% 4%;text-align:left;margin:2% auto}#about #about-container #about-content #p-container p{font-size:14pt;margin:0}#about #about-container footer{clear:both}@keyframes about-fade{from{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}#projects{width:100%;overflow:hidden}#projects h1{color:#b0d0eb;text-align:center;padding:20pt;text-shadow:0 1px 3px rgba(0,0,0,.2)}#projects div.nojs-div{display:none;width:50%;margin:0 auto}#projects div.nojs-div.nojs{display:block}#projects #project-container{width:720pt;margin:auto}#projects #project-container.nojs{display:none}#projects #project-container .project{display:inline-block;width:140pt;height:140pt;margin:20pt;overflow-y:hidden;overflow-x:hidden;box-shadow:0 1px 3px rgba(0,0,0,.4);transition:all .1s ease-in;border-radius:2px}@supports (animation-name:test){#projects #project-container .project{animation-name:project-appear;animation-duration:.8s;animation-timing-function:ease-in;animation-fill-mode:forwards;animation-play-state:paused;opacity:0}}#projects #project-container .project:hover{box-shadow:0 0 6px rgba(0,0,0,.8)}#projects #project-container .project:hover img{width:160pt;height:160pt;margin:-10pt;filter:grayscale(0)}#projects #project-container .project img{display:block;width:140pt;height:140pt;transition:all 180ms ease;filter:grayscale(.6);z-index:1}#projects #project-container .project p{z-index:9999;background-color:rgba(0,0,0,.6);position:absolute;display:block;margin:0;width:140pt;height:24pt;padding:4pt;box-sizing:border-box;transition:all .3s ease;text-align:center;color:#fff}@keyframes project-appear{from{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}#contact{width:100%;height:100%}#contact h1{color:#b0d0eb;text-align:center;padding:20pt;text-shadow:0 1px 3px rgba(0,0,0,.2)}#contact h2{font-family:"Marck Script",cursive;text-align:center;font-size:28pt;color:#b0d0eb;text-shadow:0 1px 3px rgba(0,0,0,.2)}#contact h3{text-align:center;font-size:16pt;color:#ebf8ff;text-shadow:0 1px 3px rgba(0,0,0,.2)}#contact h3 a{color:inherit;text-decoration:inherit;transition:all 180ms ease}#contact h3 a:hover{text-shadow:0 1px 3px rgba(0,0,0,.4);color:#b0d0eb}#contact ul{list-style-type:none;text-align:center;padding:0;margin:0}#contact ul li{display:inline-block;background-color:transparent;margin:0 5pt;box-shadow:0 1px 3px rgba(0,0,0,.4);border-radius:50%;overflow:hidden;width:36pt;height:36pt;transition:all 180ms ease}#contact ul li:hover{filter:brightness(80%)}#contact ul li a{display:block}#contact ul li a img{width:36pt;height:36pt;border-radius:50%}@media screen and (max-width:1200px){#about>#about-container{width:80%}}@media screen and (max-width:960px){#about #about-container{margin:0 auto;animation-name:none;opacity:1;text-align:center}#about #about-container h1{width:80%;margin:0 auto}#about #about-container #about-content #img-container img{width:30%}#projects #project-container{width:720px}}@media screen and (max-width:480px){#title{padding-top:20%}#title .title-light{font-size:18pt}#title .title-heavy{font-size:24pt}#button-hamburger{display:block;position:fixed;width:48px;height:48px;top:8pt;right:4pt;z-index:250;border-radius:50%;box-shadow:0 1pt 3pt rgba(0,0,0,.4);background-color:#fff}#button-hamburger>img{width:24pt;height:24pt;padding:6pt}#buttons{display:block;position:fixed;list-style-type:none;z-index:200;right:4pt;top:36pt;transition:all 240ms}#buttons.off li{position:absolute;top:-36pt;right:0;opacity:0}#buttons.on li{position:relative;top:0;right:0;opacity:1}#buttons li:hover{width:36pt}#about #about-container{margin:0 auto;width:80%;animation-name:none;opacity:1}#about #about-container h1{width:80%;margin:0 auto}#about #about-container #about-content{width:100%;display:block}#about #about-container #about-content #img-container{display:block;margin:0 auto}#about #about-container #about-content #p-container{display:block;margin:0 auto}#about #about-container #about-content #p-container p{font-size:11pt;padding:5%;width:90%;margin:0}#projects #project-container{width:180pt;margin:0 auto}}