/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace, monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{-webkit-box-sizing:border-box;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-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}*{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}#particles-js{height:100vh;font-family:sans-serif;overflow:hidden;position:relative;-webkit-animation:bg-appear 2s 1s ease backwards;animation:bg-appear 2s 1s ease backwards}#particles-js::after{content:"";position:absolute;top:0;left:0;background:radial-gradient(rgba(0,105,117,0.9), rgba(255,255,255,0)),url("../images/universe.jpg") center center;height:100vh;width:100vw;background-size:cover;z-index:-1}#header{-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);left:50%;top:47%;text-align:center;position:absolute;width:480px}#header #name{color:#fff;-webkit-animation-name:appear;animation-name:appear;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-timing-function:linear;animation-timing-function:linear;letter-spacing:10px;border-top:1px solid #fff;border-bottom:1px solid #fff;border-radius:4px;position:relative;width:90%;margin:0 auto}#header #name h1{margin:8px 0 8px 3px;font-weight:100;font-style:italic}#header #name::after{content:"";display:block;position:absolute;left:50%;width:1px;height:calc(8vh + 2px);background:#fff;top:100%}#header #inner{text-transform:uppercase;color:#fff;height:0px;opacity:0;margin:8vh auto 0;letter-spacing:5px;font-size:11px;-webkit-animation-name:slide;animation-name:slide;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-delay:1s;animation-delay:1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:ease;animation-timing-function:ease;border-top:1px solid #fff;border-bottom:1px solid #fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:distribute;justify-content:space-around}#header #inner p{opacity:0;-webkit-animation-name:appear;animation-name:appear;-webkit-animation-delay:2.5s;animation-delay:2.5s;-webkit-animation-duration:0.5s;animation-duration:0.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:linear;animation-timing-function:linear}#header #links{position:relative;margin:8vh auto 0;border:1px solid #fff;border-radius:4px;width:100%;-webkit-animation-name:appear;animation-name:appear;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:linear;animation-timing-function:linear}#header #links ul{list-style-type:none;display:-webkit-box;display:-ms-flexbox;display:flex}#header #links ul li{border-left:1px solid #fff;width:25%;height:45px;font-size:11px;padding:17px 0;color:#fff;text-transform:uppercase;letter-spacing:5px;-webkit-transition:0.5s ease;transition:0.5s ease;cursor:pointer}#header #links ul li:hover{background:#fff;color:#006975}#header #links ul li:first-child{border-left:0}#header #links::before{content:"";display:block;position:absolute;left:50%;width:1px;height:calc(8vh + 2px);background:#fff;bottom:100%}#main #modal-intro{position:fixed;display:table;height:100%;width:100%;top:0;left:0;-webkit-transform:scale(0);transform:scale(0);z-index:1}#main #modal-intro.in{-webkit-animation:zoomIn 0.5s ease-out forwards;animation:zoomIn 0.5s ease-out forwards}#main #modal-intro.in .modal-background .modal{-webkit-transform:scale(0);transform:scale(0);-webkit-animation:zoomIn 0.5s 0.25s ease-out forwards;animation:zoomIn 0.5s 0.25s ease-out forwards}#main #modal-intro.in.out{-webkit-transform:scale(1);transform:scale(1);-webkit-animation:zoomOut 0.5s 0.25s ease-out forwards;animation:zoomOut 0.5s 0.25s ease-out forwards}#main #modal-intro.in.out .modal-background .modal{-webkit-animation:zoomOut 0.5s ease-out forwards;animation:zoomOut 0.5s ease-out forwards}#main #modal-intro .modal-background{display:table-cell;background:radial-gradient(rgba(0,105,117,0.9), rgba(255,255,255,0));text-align:center;vertical-align:middle}#main #modal-intro .modal-background .modal{color:#fff;background:rgba(0,0,0,0.8);padding:50px;display:inline-block;border-radius:4px;position:relative;text-align:left;max-width:800px;max-height:600px;width:60vw;height:80vh}#main #modal-intro .modal-background .modal header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:40px;margin-bottom:25px}#main #modal-intro .modal-background .modal header .close{font-size:16px;padding:11px 10px;display:inline-block;border:1px solid #fff;border-radius:4px;-webkit-transition:0.5s ease;transition:0.5s ease}#main #modal-intro .modal-background .modal header .close:hover{background:#fff;color:#006975;cursor:pointer}#main #modal-intro .modal-background .modal header h2{text-transform:uppercase;font-weight:200;font-size:26px;letter-spacing:6px;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center;border-bottom:1px solid #fff}#main #modal-intro .modal-background .modal #intro-main{height:90%;overflow:auto}#main #modal-intro .modal-background .modal #intro-main img{width:30%;float:left;margin:0 20px 20px 0}#main #modal-intro .modal-background .modal #intro-main p{font-size:15px;line-height:1.5}#main #modal-intro .modal-background .modal #intro-main p:nth-child(2){padding-bottom:20px}#main #modal-work{position:fixed;display:table;height:100%;width:100%;top:0;left:0;-webkit-transform:scale(0);transform:scale(0);z-index:1}#main #modal-work.in{-webkit-animation:zoomIn 0.5s ease-out forwards;animation:zoomIn 0.5s ease-out forwards}#main #modal-work.in .modal-background .modal{-webkit-transform:scale(0);transform:scale(0);-webkit-animation:zoomIn 0.5s 0.25s ease-out forwards;animation:zoomIn 0.5s 0.25s ease-out forwards}#main #modal-work.in.out{-webkit-transform:scale(1);transform:scale(1);-webkit-animation:zoomOut 0.5s 0.25s ease-out forwards;animation:zoomOut 0.5s 0.25s ease-out forwards}#main #modal-work.in.out .modal-background .modal{-webkit-animation:zoomOut 0.5s ease-out forwards;animation:zoomOut 0.5s ease-out forwards}#main #modal-work .modal-background{display:table-cell;background:radial-gradient(rgba(0,105,117,0.9), rgba(255,255,255,0));text-align:center;vertical-align:middle}#main #modal-work .modal-background .modal{color:#fff;background:rgba(0,0,0,0.8);padding:50px;display:inline-block;border-radius:4px;position:relative;text-align:left;max-width:800px;max-height:600px;width:60vw;height:80vh}#main #modal-work .modal-background .modal header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:40px;margin-bottom:25px}#main #modal-work .modal-background .modal header .close{font-size:16px;padding:11px 10px;display:inline-block;border:1px solid #fff;border-radius:4px;-webkit-transition:0.5s ease;transition:0.5s ease}#main #modal-work .modal-background .modal header .close:hover{background:#fff;color:#006975;cursor:pointer}#main #modal-work .modal-background .modal header h2{text-transform:uppercase;font-weight:200;font-size:26px;letter-spacing:6px;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center;border-bottom:1px solid #fff}#main #modal-work .modal-background .modal #work-main{height:90%;overflow:auto;display:-ms-grid;display:grid;-ms-grid-columns:50% 50%;grid-template-columns:50% 50%}#main #modal-work .modal-background .modal #work-main .container{position:relative;margin:2.5px 5px}#main #modal-work .modal-background .modal #work-main .container img{width:100%}#main #modal-work .modal-background .modal #work-main .container .overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.2);-webkit-transition:0.5s ease;transition:0.5s ease}#main #modal-work .modal-background .modal #work-main .container:hover .overlay{display:block;background:rgba(0,0,0,0.8)}#main #modal-work .modal-background .modal #work-main .container .title{position:absolute;width:100%;text-align:center;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);font-size:24px;text-transform:uppercase;z-index:1;-webkit-transition:0.5s ease;transition:0.5s ease;background:rgba(0,0,0,0.8)}#main #modal-work .modal-background .modal #work-main .container:hover .title{background:rgba(0,0,0,0);top:30%}#main #modal-work .modal-background .modal #work-main .container .button-live{left:30%;position:absolute;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:80px;top:70%;text-align:center;opacity:0;-webkit-transition:0.5s ease;transition:0.5s ease}#main #modal-work .modal-background .modal #work-main .container .button-live a{text-decoration:none;padding:10px 0 10px 5px;font-size:14px;letter-spacing:5px;display:block;text-align:center;color:#fff;border:1px solid #fff;border-radius:4px;z-index:1;-webkit-transition:0.5s ease;transition:0.5s ease}#main #modal-work .modal-background .modal #work-main .container .button-live a:hover{background:#fff;color:#006975}#main #modal-work .modal-background .modal #work-main .container .button-code{left:70%;position:absolute;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:80px;top:70%;text-align:center;opacity:0;-webkit-transition:0.5s ease;transition:0.5s ease}#main #modal-work .modal-background .modal #work-main .container .button-code a{text-decoration:none;padding:10px 0 10px 5px;font-size:14px;letter-spacing:5px;display:block;text-align:center;color:#fff;border:1px solid #fff;border-radius:4px;z-index:1;-webkit-transition:0.5s ease;transition:0.5s ease}#main #modal-work .modal-background .modal #work-main .container .button-code a:hover{background:#fff;color:#006975}#main #modal-work .modal-background .modal #work-main .container:hover .button-live,#main #modal-work .modal-background .modal #work-main .container:hover .button-code{opacity:1}#main #modal-about{position:fixed;display:table;height:100%;width:100%;top:0;left:0;-webkit-transform:scale(0);transform:scale(0);z-index:1}#main #modal-about.in{-webkit-animation:zoomIn 0.5s ease-out forwards;animation:zoomIn 0.5s ease-out forwards}#main #modal-about.in .modal-background .modal{-webkit-transform:scale(0);transform:scale(0);-webkit-animation:zoomIn 0.5s 0.25s ease-out forwards;animation:zoomIn 0.5s 0.25s ease-out forwards}#main #modal-about.in.out{-webkit-transform:scale(1);transform:scale(1);-webkit-animation:zoomOut 0.5s 0.25s ease-out forwards;animation:zoomOut 0.5s 0.25s ease-out forwards}#main #modal-about.in.out .modal-background .modal{-webkit-animation:zoomOut 0.5s ease-out forwards;animation:zoomOut 0.5s ease-out forwards}#main #modal-about .modal-background{display:table-cell;background:radial-gradient(rgba(0,105,117,0.9), rgba(255,255,255,0));text-align:center;vertical-align:middle}#main #modal-about .modal-background .modal{color:#fff;background:rgba(0,0,0,0.8);padding:50px;display:inline-block;border-radius:4px;position:relative;text-align:left;max-width:800px;max-height:600px;width:60vw;height:80vh}#main #modal-about .modal-background .modal header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:40px;margin-bottom:25px}#main #modal-about .modal-background .modal header .close{font-size:16px;padding:11px 10px;display:inline-block;border:1px solid #fff;border-radius:4px;-webkit-transition:0.5s ease;transition:0.5s ease}#main #modal-about .modal-background .modal header .close:hover{background:#fff;color:#006975;cursor:pointer}#main #modal-about .modal-background .modal header h2{text-transform:uppercase;font-weight:200;font-size:26px;letter-spacing:6px;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center;border-bottom:1px solid #fff}#main #modal-about .modal-background .modal #about-main{height:90%;overflow:auto}#main #modal-about .modal-background .modal #about-main h2{text-transform:uppercase;font-weight:200;font-size:20px;letter-spacing:5px;border-bottom:1px solid #fff;margin-bottom:20px}#main #modal-about .modal-background .modal #about-main #timeline{padding-left:45px}#main #modal-about .modal-background .modal #about-main #timeline .timeline-event{list-style-type:none;position:relative;margin-bottom:25px}#main #modal-about .modal-background .modal #about-main #timeline .timeline-event .timeline-event-icon{background-color:#006975;outline:5px solid #fff;display:block;position:absolute;top:4px;left:-30px;width:10px;height:10px;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:0.5s ease;transition:0.5s ease}#main #modal-about .modal-background .modal #about-main #timeline .timeline-event:before{background-color:#fff;content:"";margin-left:-1px;position:absolute;top:0;left:-25px;width:2px;height:98%;-webkit-transition:0.5s ease;transition:0.5s ease}#main #modal-about .modal-background .modal #about-main #timeline .timeline-event .timeline-event-copy .timeline-event-thumbnail{background:#fff;color:#006975;display:inline;padding:3px;border-radius:4px;-webkit-transition:0.5s ease;transition:0.5s ease}#main #modal-about .modal-background .modal #about-main #timeline .timeline-event .timeline-event-copy h3{margin-top:10px;font-weight:100}#main #modal-about .modal-background .modal #about-main #timeline .timeline-event .timeline-event-copy h4{margin-top:10px;font-weight:100}#main #modal-about .modal-background .modal #about-main #timeline .timeline-event .timeline-event-copy ul{padding-left:20px;line-height:1.5}#main #modal-about .modal-background .modal #about-main #timeline .timeline-event:hover .timeline-event-icon{-webkit-transform:rotate(0deg);transform:rotate(0deg);background-color:#fff;outline:5px solid #006975}#main #modal-about .modal-background .modal #about-main #timeline .timeline-event:hover:before{background-color:#006975}#main #modal-about .modal-background .modal #about-main #timeline .timeline-event:hover .timeline-event-copy .timeline-event-thumbnail{background:#006975;color:#fff}#main #modal-contact{position:fixed;display:table;height:100%;width:100%;top:0;left:0;-webkit-transform:scale(0);transform:scale(0);z-index:1}#main #modal-contact.in{-webkit-animation:zoomIn 0.5s ease-out forwards;animation:zoomIn 0.5s ease-out forwards}#main #modal-contact.in .modal-background .modal{-webkit-transform:scale(0);transform:scale(0);-webkit-animation:zoomIn 0.5s 0.25s ease-out forwards;animation:zoomIn 0.5s 0.25s ease-out forwards}#main #modal-contact.in.out{-webkit-transform:scale(1);transform:scale(1);-webkit-animation:zoomOut 0.5s 0.25s ease-out forwards;animation:zoomOut 0.5s 0.25s ease-out forwards}#main #modal-contact.in.out .modal-background .modal{-webkit-animation:zoomOut 0.5s ease-out forwards;animation:zoomOut 0.5s ease-out forwards}#main #modal-contact .modal-background{display:table-cell;background:radial-gradient(rgba(0,105,117,0.9), rgba(255,255,255,0));text-align:center;vertical-align:middle}#main #modal-contact .modal-background .modal{color:#fff;background:rgba(0,0,0,0.8);padding:50px;display:inline-block;border-radius:4px;position:relative;text-align:left;max-width:800px;max-height:600px;width:60vw;height:80vh}#main #modal-contact .modal-background .modal header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:40px;margin-bottom:25px}#main #modal-contact .modal-background .modal header .close{font-size:16px;padding:11px 10px;display:inline-block;border:1px solid #fff;border-radius:4px;-webkit-transition:0.5s ease;transition:0.5s ease}#main #modal-contact .modal-background .modal header .close:hover{background:#fff;color:#006975;cursor:pointer}#main #modal-contact .modal-background .modal header h2{text-transform:uppercase;font-weight:200;font-size:26px;letter-spacing:6px;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center;border-bottom:1px solid #fff}#main #modal-contact .modal-background .modal #contact-main{text-align:center}#main #modal-contact .modal-background .modal #contact-main #email{margin-top:10vh;margin-bottom:50px}#main #modal-contact .modal-background .modal #contact-main #email h3{display:inline-block;border-bottom:1px solid #fff;font-weight:100;font-size:24px;letter-spacing:5px;margin-bottom:25px}#main #modal-contact .modal-background .modal #contact-main #email a{display:block;text-decoration:none;font-size:22px;letter-spacing:5px;font-weight:100;color:#fff;-webkit-transition:0.5s ease;transition:0.5s ease}#main #modal-contact .modal-background .modal #contact-main #email a:hover{color:#006975;text-decoration:underline}#main #modal-contact .modal-background .modal #contact-main #social-h{display:inline;border-bottom:1px solid #fff;font-weight:100;font-size:24px;letter-spacing:5px}#main #modal-contact .modal-background .modal #contact-main #social{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}#main #modal-contact .modal-background .modal #contact-main #social a{margin:25px 10px;padding:15px;display:-webkit-box;display:-ms-flexbox;display:flex;border-radius:4px;border:1px solid #fff;position:relative;overflow:hidden;color:#fff}#main #modal-contact .modal-background .modal #contact-main #social a svg{margin:auto;height:40px;width:40px;-webkit-transition:0.5s ease;transition:0.5s ease}#main #modal-contact .modal-background .modal #contact-main #social a:hover #linkedIn{color:#0077b5;-webkit-transform:scale(1.2);transform:scale(1.2)}#main #modal-contact .modal-background .modal #contact-main #social a:hover #gitHub{color:#6e5494;-webkit-transform:scale(1.2);transform:scale(1.2)}#main #modal-contact .modal-background .modal #contact-main #social a:hover #codePen{color:#fcd000;-webkit-transform:scale(1.2);transform:scale(1.2)}#main #modal-contact .modal-background .modal #contact-main #social a::before{content:"";position:absolute;width:140%;height:140%;background:#fff;-webkit-transform:rotate(45deg);transform:rotate(45deg);left:-140%;top:110%}#main #modal-contact .modal-background .modal #contact-main #social a:hover::before{-webkit-animation-name:hoverSlide;animation-name:hoverSlide;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease;animation-timing-function:ease;top:-20%;left:-20%}#footer{text-transform:uppercase;text-align:center;width:60%;letter-spacing:3px;font-size:9px;position:absolute;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);left:50%;bottom:3%;color:#fff;-webkit-animation-name:appear;animation-name:appear;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-timing-function:linear;animation-timing-function:linear}@-webkit-keyframes appear{0%{opacity:0}100%{opacity:1}}@keyframes appear{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes slide{0%{opacity:1;width:1px;height:1px}50%{opacity:1;width:90%;height:1px}100%{opacity:1;width:90%;height:220px}}@keyframes slide{0%{opacity:1;width:1px;height:1px}50%{opacity:1;width:90%;height:1px}100%{opacity:1;width:90%;height:220px}}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}50%{opacity:0.3}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}50%{opacity:0.3}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes zoomOut{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:0.3}100%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}}@keyframes zoomOut{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:0.3}100%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}}@-webkit-keyframes hoverSlide{0%{left:-140%;top:110%}50%{left:0%;top:-40%}100%{left:-20%;top:-20%}}@keyframes hoverSlide{0%{left:-140%;top:110%}50%{left:0%;top:-40%}100%{left:-20%;top:-20%}}@-webkit-keyframes bg-appear{0%{background:#0a242e}100%{background:transparent}}@keyframes bg-appear{0%{background:#0a242e}100%{background:transparent}}@media only screen and (max-width: 992px){#main #modal-intro .modal-background .modal{width:80vw}#main #modal-work .modal-background .modal{width:80vw}#main #modal-about .modal-background .modal{width:80vw}#main #modal-contact .modal-background .modal{width:80vw}}@media only screen and (max-width: 768px){#header #links{width:90%}#header #links ul{-ms-flex-wrap:wrap;flex-wrap:wrap}#header #links ul li{border-left:0;width:50%}#header #links ul li:first-child{border-bottom:1px solid #fff}#header #links ul li:nth-child(2){border-left:1px solid #fff;border-bottom:1px solid #fff}#header #links ul li:nth-child(4){border-left:1px solid #fff}#main #modal-intro .modal-background .modal{width:90vw;height:90vh}#main #modal-intro .modal-background .modal #intro-main img{width:50%}#main #modal-work .modal-background .modal{width:90vw;height:90vh}#main #modal-work .modal-background .modal #work-main{-ms-grid-columns:100%;grid-template-columns:100%}#main #modal-work .modal-background .modal #work-main .container{margin:5px 0px}#main #modal-about .modal-background .modal{width:90vw;height:90vh}#main #modal-about .modal-background .modal #about-main #skills .skill-container ul li i{font-size:40px}#main #modal-contact .modal-background .modal{width:90vw;height:90vh}#footer{width:100%}}@media only screen and (max-width: 480px){#header{width:95vw}#header #name{font-size:10px}#main #modal-intro .modal-background .modal{padding:20px;width:95vw;height:95vh}#main #modal-intro .modal-background .modal #intro-main img{width:100%}#main #modal-work .modal-background .modal{padding:20px;width:95vw;height:95vh}#main #modal-work .modal-background .modal #work-main{-ms-grid-columns:100%;grid-template-columns:100%}#main #modal-work .modal-background .modal #work-main .container{margin:5px 0px}#main #modal-about .modal-background .modal{padding:20px;width:95vw;height:95vh}#main #modal-about .modal-background .modal #about-main #skills .skill-container h3{font-size:14px}#main #modal-about .modal-background .modal #about-main #skills .skill-container ul li i{font-size:30px}#main #modal-contact .modal-background .modal{padding:20px;width:95vw;height:95vh}#main #modal-contact .modal-background .modal #contact-main #email a{font-size:14px}}
/*# sourceMappingURL=style.min.css.map */