*{box-sizing:border-box}main{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;color:#fff}h1{font-family:vcr_mono,serif}p{font-family:opensans_light,serif;opacity:.8}.bio{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background:url(../img/bg2.jpg) no-repeat center;background-size:cover}.me{display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-evenly;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100vh;min-height:600px;padding:0 10%;}.name>h1{font-size:35px;margin:10px 0}.name>h2,h3{font-family:opensans_light,serif;font-size:15px}.about>h2{font-family:opensans_extrabold,serif}.about>p{margin-top:10px;line-height:1.2em}.drop-shadow{font-family:opensans_extrabold,serif;font-size:25px;color:#bb2024;text-shadow:6px 5px rgba(187,32,36,.5);opacity:1}.contact a{text-decoration:none}.contact img{width:32px}.bio .contact img{margin-right:25px}.scroll{display:none}.scroll img{width:100%;margin-bottom:5%}.experience{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding-top:5%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.timeline{width:90%;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-flex:1;-ms-flex:1;flex:1;max-width:400px}.timeline>a>article:first-child{-webkit-box-flex:1;-ms-flex:1;flex:1}.experience>h1{margin-bottom:5%;font-size:23px;color:#bb2024}.timeline::before{content:'';position:absolute;width:3px;background-color:#5b0611;top:0;bottom:0;left:6px}.timeline>a::before{content:'';position:absolute;width:12px;height:12px;background-color:#8e131c;border-radius:50%;z-index:1;left:.1rem}.timeline>a{display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:50px;margin-bottom:10px;text-decoration:none;color:#fff}.timeline h2{font-family:opensans_bold,serif;font-size:18px;margin-bottom:10px}.timeline p{line-height:1.2em;font-size:15px}.timeline>a:not(:last-child) article:last-child{padding:10px;margin-left:20px;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center}.timeline img{width:24px}.skills{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#1a1a21}.skills>.title{position:relative;display:inline-block;z-index:1;font-size:40px;margin-top:20px;margin-bottom:50px}.title h1{padding-left:20px;padding-right:20px}.title:before{position:absolute;content:'';height:15px;width:100%;background-color:#8e131c;bottom:0;z-index:-1}.skills .content{width:80%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.skill{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:8%;-ms-flex-preferred-size:100%;flex-basis:100%}.skill img{position:absolute;width:64px;top:50%;left:50%;margin-right:-50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.skill article{position:relative;display:block;width:96px;height:96px;background-color:#3e3e54;border-radius:50%}.skill h1{font-size:20px;margin:15px 0}.skill p{width:80%;font-size:15px;line-height:1.5em;text-align:center}footer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#14141a}.question h1{position:relative;letter-spacing:-1px;color:#f2263c;font-family:vcr_mono,serif;font-size:20px;margin:80px 0}.question h1:before{content:'/**************';top:-40px;left:-10%;padding:0 15px;font-size:18px;font-weight:600;position:absolute;letter-spacing:.5px}.question h1:after{content:'**************/';bottom:-40px;padding:0 15px;font-size:18px;font-weight:600;position:absolute;letter-spacing:.5px;right:-10%}.mail-me{width:100%;max-width:1200px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:1}.mail-me p{width:85%;position:relative;font-family:opensans_bold,serif;color:#f2263c;line-height:1em;font-size:20px;text-align:center;margin-bottom:30px}.mail-me a{padding:15px 40px;font-size:18px;font-weight:600;background-color:#f2263c;color:#14141a;text-decoration:none;font-family:vcr_mono,sans-serif;-ms-flex-negative:0;flex-shrink:0}footer .contact{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}footer .contact img{width:32px}footer .contact a{text-decoration:none}footer .contact article{display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-evenly;padding:30px;width:80%}@media (min-width:576px){.me{justify-content:space-around;padding:5%}.name>h1{font-size:45px}.name>h2,h3{font-size:25px}.about>h2{font-size:25px}.about>p{font-size:20px;width:90%}.drop-shadow{font-size:35px}.experience>h1{font-size:40px}.experience p{font-size:18px}.timeline{max-width:500px;padding-bottom:5%}.timeline h2{font-size:20px}.timeline>a{margin-bottom:40px}.skills>.title{font-size:48px;margin-top:50px;margin-bottom:80px}.skills .content{width:95%}.skill{-ms-flex-preferred-size:50%;flex-basis:50%}.skill h1{font-size:20px;margin:15px 0}.skill p{font-size:18px;line-height:1.5em}.question h1{font-size:30px}.mail-me p{text-align:initial;width:initial;font-size:23px;-ms-flex-negative:0;flex-shrink:0}.mail-me p:after{position:absolute;content:'';width:100%;height:20px;background-color:#1c1d26;z-index:-1;left:10px;bottom:-5px}.mail-me a{font-size:20px}footer .contact{margin-top:20px}footer .contact article{width:60%}}@media (min-width:768px){.question h1{font-size:35px;margin:80px 0}.mail-me p{font-size:30px}footer .contact article{width:30%}}@media (min-width:992px){.name>h1{font-size:60px}.name>h2,h3{font-size:25px}.about>h2{font-size:25px}.about>p{font-size:20px}.contact img{width:48px}.drop-shadow{font-size:35px}.experience>h1{font-size:50px}.timeline{max-width:600px}.timeline h2{font-size:30px}.timeline p{font-size:25px}.skills>.title{font-size:60px;margin-top:50px;margin-bottom:100px}.skill h1{font-size:30px;margin:15px 0}.skill p{font-size:20px;line-height:1.5em}.mail-me{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;justify-content:space-around}.mail-me p{margin-bottom:0}.question h1{font-size:35px}footer .contact img{width:48px}}@media (min-width:1200px){.bio{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;background:url(../img/bg2.jpg) no-repeat calc(100%) 30%;background-size:cover;min-height:800px}.me{width:40%;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;background:0 0;margin-left:5%;padding:5% 0}.name h2,h3{font-size:20px}.name>h1{font-size:50px}.about>p{font-size:20px;width:initial}.drop-shadow{font-size:35px}.contact img{width:32px}.scroll{display:block;margin:0 5.5%;width:4%;-ms-flex-item-align:end;align-self:flex-end}.experience{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;margin-left:5%;margin-right:5%;padding-top:5%;width:35%;max-width:500px;background:0 0}.timeline{width:initial;padding-bottom:10%;flex:1}.timeline>a{margin-bottom:0}.experience>h1{font-size:30px}.timeline h2{font-size:25px}.timeline p{font-size:20px}.skills .content{width:80%}.skill{-ms-flex-preferred-size:33.333333%;flex-basis:33.333333%}.question h1{margin:100px 0}.question h1::before{top:-50px}.question h1::after{bottom:-50px}.mail-me p::after{left:30px}footer .contact{margin-top:50px}footer .contact article{width:20%}footer .contact img{width:32px}}