@import url("https://fonts.googleapis.com/css?family=Raleway&display=swap");@import url("https://fonts.googleapis.com/css?family=Josefin+Sans&display=swap");@import url("https://use.typekit.net/tqj2wrv.css");@import url("https://fonts.googleapis.com/css2?family=Neucha&display=swap");html{background:#fff;color:#000;font-family:museo-sans;font-size:1rem;font-weight:400;overflow:hidden}body,html{height:100%}body{width:100%}section{height:100%}h1{font-size:2rem;font-weight:600;line-height:2rem}p{word-spacing:.1rem}a{color:#7d7;text-decoration:none}a:hover{color:#000}.highlight-title{color:#7d7}.highlight-link{box-sizing:border-box;color:#7d7;display:inline-block;padding:.125rem;transition:all .2s ease-in-out}.highlight-link:hover{box-shadow:inset 0 -2rem 0 0 #7d7;color:#000}.layout{margin:.5rem;max-width:75em;padding:.5rem}.layout .card{background:#fff;margin:3rem 0;padding:1rem 2rem}.layout .card .title{text-align:center;position:relative;top:10%;color:#8b6fbf}.layout .card .subtitle{text-align:center;position:relative;top:10%;width:60%;margin:auto}.layout .card .description{text-align:justify;position:relative;top:20%;width:60%;margin:auto}#preloader,.neumorphism-button{background:#fff}#preloader{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;height:100%;-ms-flex-pack:center;justify-content:center;left:0;margin:.5rem;padding:.5rem;position:absolute;right:0;z-index:999}#preloader .load{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:20rem;height:20rem}#preloader .load img{animation:a 2s infinite linear;border:0;height:100%;margin:0;position:absolute;width:100%;background:#fff}.footer{margin-top:-200px;background:#fff;color:#000;margin:.5rem;padding:1rem;text-align:center}.footer a{color:#7d7}#landing,.footer a:focus,.footer a:hover{background:#fff;color:#000}#landing{display:-ms-flexbox;display:flex;height:100%;text-align:center}#landing,.landing-title{margin:.5rem;padding:.5rem}.landing-title{left:0;position:absolute;right:0;top:40%}.landing-icons{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}.timeline-wrapper{top:30%}.timeline-wrapper .timeline{list-style-type:none;padding:0;position:relative}.timeline-wrapper .timeline:before{content:" ";height:100%;left:50%;margin-left:-.0675rem;width:.125rem;z-index:-1}.timeline-wrapper .timeline li{padding:1rem 0}.timeline-wrapper .flag-wrapper{position:relative;text-align:center}.timeline-wrapper .flag{background:#fff;font-weight:600}.timeline-wrapper .flag .picture-container{position:relative;height:600px;width:100%;min-width:400px}.timeline-wrapper .flag .picture-container .polaroid:after{position:absolute;bottom:0;left:0;width:calc(100% - 20px);padding:10px}.timeline-wrapper .flag .picture-container .polaroid{font-family:Neucha,cursive;text-align:center;position:absolute;background-color:#fff;padding:15px 15px 25px;box-shadow:5px 10px 10px #a9a9a9;top:10%}.timeline-wrapper .flag .picture-container .polaroid img{left:100px;top:100px;width:100%}.timeline-wrapper .flag span{position:relative;transition:.4s}.timeline-wrapper .flag span:after{content:"\226B";color:#7d7;position:absolute;opacity:0;right:-1rem;transition:.4s}.timeline-wrapper .flag:hover span{letter-spacing:.05rem;padding-right:1.25rem}.timeline-wrapper .flag:hover span:after{opacity:1;right:0}.timeline-wrapper .time-wrapper{color:#000;display:block;line-height:.5rem;margin-top:.3rem}.timeline-wrapper .time{background:#fff;display:inline-block;padding:.6rem}.timeline-wrapper .desc{background:#fff;margin:1em 0 0;padding:.75em;text-align:center}.ten-things-wrapper{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:justify;justify-content:space-between}.thing{border-radius:1rem;margin:1rem 0;padding:.5rem 1rem;width:1000px}.thing .name-link-wrapper{text-align:center;-ms-flex-pack:justify;justify-content:space-between}.thing .name-link-wrapper .links{font-size:1.5rem;margin:1rem .5rem}.thing-img-wrapper{margin:1rem 0 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,32%));column-gap:1%}.thing-image{border-radius:.5rem;display:inline-block;margin-bottom:.25rem;padding:.5rem;width:300px;max-height:400px}@media only screen and (max-width:48em){.thing-image{max-width:90%}.thing-img-wrapper{display:block}.timeline-wrapper .flag-wrapper .picture-container{min-width:300px}}@media only screen and (min-width:48em){.layout{margin:.5rem auto;padding:2rem}.layout .card .description,.layout .card .subtitle{font-size:1.25rem}.timeline-wrapper .timeline{margin:0 auto;width:39.25rem}.timeline-wrapper .timeline li:after{clear:both;content:"";display:block}.timeline-wrapper .direction-l{margin-left:8em;float:left;text-align:right;width:18.5rem}.timeline-wrapper .direction-l .hexagon{left:auto;right:-1.6rem;top:.4rem}.timeline-wrapper .direction-l .flag-wrapper{display:inline-block;text-align:right}.timeline-wrapper .direction-l .flag .picture-container .polaroid{transform:rotate(-10deg);-ms-transform:rotate(-10deg);-webkit-transform:rotate(-10deg)}.timeline-wrapper .direction-l .time-wrapper{float:left;margin-top:-.1rem}.timeline-wrapper .direction-l .desc{text-align:right}.timeline-wrapper .direction-r{margin-right:8em;float:right;text-align:right;width:100%}.timeline-wrapper .direction-r .hexagon{left:-1.6rem;right:auto;top:.4rem}.timeline-wrapper .direction-r .flag-wrapper{display:inline-block;text-align:left}.timeline-wrapper .direction-r .flag-wrapper .flag .picture-container .polaroid{transform:rotate(10deg);-ms-transform:rotate(10deg);-webkit-transform:rotate(10deg)}.timeline-wrapper .direction-r .time-wrapper{float:right;margin-top:-.1rem;margin-right:-5rem}.timeline-wrapper .direction-r .desc{text-align:left}.projects-wrapper{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:justify;justify-content:space-between}.projects-wrapper>*{width:44%}.contact-icons .social-link{width:4rem;height:4rem;line-height:4rem}.contact-icons .social-link .social{font-size:2rem}}.cherry{width:100%}.cherry .embed{display:block;margin:auto}@media only screen and (min-width:62em){.layout{padding:3rem}.layout .card{padding:1rem 3rem}#skills .filter-button{width:21.5%}.timeline-wrapper .timeline{width:49rem}.timeline-wrapper .direction-l,.timeline-wrapper .direction-r{width:23.35rem}.projects-wrapper>*{width:45%}}@media only screen and (min-width:75em){.layout{padding:5rem}#skills .filter-button{width:22%}.timeline-wrapper .timeline{width:58rem}.timeline-wrapper .direction-l,.timeline-wrapper .direction-r{width:27.9rem}.projects-wrapper>*{width:46%}}@keyframes a{0%{transform:rotate(0deg)}to{transform:rotate(359deg)}}