.icons{margin-top:1rem;margin-bottom:1rem}.icons a{margin:.5rem}.charIco{background:url("../img/icons/charicon.png")}.charIco:hover,.charIco:active,.charIco:focus{background:url("../img/icons/charhover.png")}.instaIco{background:url("../img/icons/instaicon.png")}.instaIco:hover,.instaIco:active,.instaIco:focus{background:url("../img/icons/instahover.png") no-repeat}.fbIco{background:url("../img/icons/fbicon.png");background-color:green}.fbIco:hover,.fbIco:active,.fbIco:focus{background:url("../img/icons/fbhover.png")}.linkedIco{background:url("../img/icons/linkedicon.png")}.linkedIco:hover,.linkedIco:active,.linkedIco:focus{background:url("../img/icons/linkedhover.png")}.githubIco{background:url("../img/icons/githubicon.png")}.githubIco:hover,.githubIco:active,.githubIco:focus{background:url("../img/icons/githubhover.png")}.phoneIco{background:url("../img/icons/phoneicon.png")}.phoneIco:hover,.phoneIco:active,.phoneIco:focus{background:url("../img/icons/phonehover.png")}.mailIco{background:url("../img/icons/mailicon.png")}.mailIco:hover,.mailIco:active,.mailIco:focus{background:url("../img/icons/mailhover.png")}.eyeIco{background:url("../img/icons/eyeicon.png")}.eyeIco:hover,.eyeIco:active,.eyeIco:focus{background:url("../img/icons/eyehover.png")}.bookIco{background:url("../img/icons/bookicon.png")}.bookIco:hover,.bookIco:active,.bookIco:focus{background:url("../img/icons/bookhover.png")}.toolIco{background:url("../img/icons/toolicon.png")}.toolIco:hover,.toolIco:active,.toolIco:focus{background:url("../img/icons/toolhover.png")}.brushIco{background:url("../img/icons/brushicon.png")}.brushIco:hover,.brushIco:active,.brushIco:focus{background:url("../img/icons/brushhover.png")}.langIco{background:url("../img/icons/langicon.png")}.langIco:hover,.langIco:active,.langIco:focus{background:url("../img/icons/langhover.png")}.workbtn,.btn-light,.btn-dark{display:block;padding:.5rem 1rem;border:0;margin-bottom:.5rem}.workbtn:hover,.btn-light:hover,.btn-dark:hover,.workbtn:active,.btn-light:active,.btn-dark:active,.workbtn:focus,.btn-light:focus,.btn-dark:focus{background:#ff5004;color:#000}.workbtn:hover .githubIco,.btn-light:hover .githubIco,.btn-dark:hover .githubIco,.workbtn:active .githubIco,.btn-light:active .githubIco,.btn-dark:active .githubIco,.workbtn:focus .githubIco,.btn-light:focus .githubIco,.btn-dark:focus .githubIco{background:url("../img/icons/githubhover.png") no-repeat}.workbtn:hover .eyeIco,.btn-light:hover .eyeIco,.btn-dark:hover .eyeIco,.workbtn:active .eyeIco,.btn-light:active .eyeIco,.btn-dark:active .eyeIco,.workbtn:focus .eyeIco,.btn-light:focus .eyeIco,.btn-dark:focus .eyeIco{background:url("../img/icons/eyehover.png") no-repeat}.workbtn:hover .langIco,.btn-light:hover .langIco,.btn-dark:hover .langIco,.workbtn:active .langIco,.btn-light:active .langIco,.btn-dark:active .langIco,.workbtn:focus .langIco,.btn-light:focus .langIco,.btn-dark:focus .langIco{background:url("../img/icons/langhover.png") no-repeat}.workbtn:hover .bookIco,.btn-light:hover .bookIco,.btn-dark:hover .bookIco,.workbtn:active .bookIco,.btn-light:active .bookIco,.btn-dark:active .bookIco,.workbtn:focus .bookIco,.btn-light:focus .bookIco,.btn-dark:focus .bookIco{background:url("../img/icons/bookhover.png") no-repeat}.workbtn:hover .toolIco,.btn-light:hover .toolIco,.btn-dark:hover .toolIco,.workbtn:active .toolIco,.btn-light:active .toolIco,.btn-dark:active .toolIco,.workbtn:focus .toolIco,.btn-light:focus .toolIco,.btn-dark:focus .toolIco{background:url("../img/icons/toolhover.png") no-repeat}.workbtn:hover .brushIco,.btn-light:hover .brushIco,.btn-dark:hover .brushIco,.workbtn:active .brushIco,.btn-light:active .brushIco,.btn-dark:active .brushIco,.workbtn:focus .brushIco,.btn-light:focus .brushIco,.btn-dark:focus .brushIco{background:url("../img/icons/brushhover.png") no-repeat}.buttonsizing,.instaIco:hover,.instaIco:active,.instaIco:focus,.workbtn:hover .githubIco,.btn-light:hover .githubIco,.btn-dark:hover .githubIco,.workbtn:active .githubIco,.btn-light:active .githubIco,.btn-dark:active .githubIco,.workbtn:focus .githubIco,.btn-light:focus .githubIco,.btn-dark:focus .githubIco,.workbtn:hover .eyeIco,.btn-light:hover .eyeIco,.btn-dark:hover .eyeIco,.workbtn:active .eyeIco,.btn-light:active .eyeIco,.btn-dark:active .eyeIco,.workbtn:focus .eyeIco,.btn-light:focus .eyeIco,.btn-dark:focus .eyeIco,.workbtn:hover .langIco,.btn-light:hover .langIco,.btn-dark:hover .langIco,.workbtn:active .langIco,.btn-light:active .langIco,.btn-dark:active .langIco,.workbtn:focus .langIco,.btn-light:focus .langIco,.btn-dark:focus .langIco,.workbtn:hover .bookIco,.btn-light:hover .bookIco,.btn-dark:hover .bookIco,.workbtn:active .bookIco,.btn-light:active .bookIco,.btn-dark:active .bookIco,.workbtn:focus .bookIco,.btn-light:focus .bookIco,.btn-dark:focus .bookIco,.workbtn:hover .toolIco,.btn-light:hover .toolIco,.btn-dark:hover .toolIco,.workbtn:active .toolIco,.btn-light:active .toolIco,.btn-dark:active .toolIco,.workbtn:focus .toolIco,.btn-light:focus .toolIco,.btn-dark:focus .toolIco,.workbtn:hover .brushIco,.btn-light:hover .brushIco,.btn-dark:hover .brushIco,.workbtn:active .brushIco,.btn-light:active .brushIco,.btn-dark:active .brushIco,.workbtn:focus .brushIco,.btn-light:focus .brushIco,.btn-dark:focus .brushIco{overflow:hidden;background-size:cover;background-position:center;transition:all .5s ease-out}.btn-dark{background:#000}.btn-light{background:#029666}.ico-s{width:16px;height:16px}.ico-m{width:32px;height:32px}.ico-l{width:36px;height:52px}.ico-s,.ico-m,.ico-l{overflow:hidden;background-size:cover;background-position:center;display:inline-block}.ico-s:hover,.ico-s:active,.ico-s:focus,.ico-m:hover,.ico-m:active,.ico-m:focus,.ico-l:hover,.ico-l:active,.ico-l:focus{transition:all .5s ease-out}.back-to-top{position:fixed;float:right;right:2rem;bottom:3rem}.rocketIco{background:url("../img/icons/rocketicon.png");height:34px}.rocketIco:hover,.rocketIco:active,.rocketIco:focus{background:url("../img/icons/rockethover.png");height:55px}#invisible{display:none}#skills p{font-size:.7rem;margin:0}@media all and (min-width: 990px)and (min-height: 720px){#skills p{font-size:1.4rem}}#skills #menu-screen{width:480px;height:360px;background-color:teal;margin:auto;text-transform:uppercase;display:grid;grid-template-columns:70% 30%}@media all and (min-width: 990px)and (min-height: 720px){#skills #menu-screen{width:960px;height:720px}}#skills #menu-screen .menu-box{box-sizing:border-box;background-color:#000;position:relative;border:4px solid blue;border-radius:3px}#skills #menu-screen .menu-box:before{background:none;border:1px solid #fff;border-radius:3px;content:"";display:block;position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;pointer-events:none}#skills #menu-screen .menu-box:after{background:none;border:1px solid #000;border-radius:5px;content:"";display:block;position:absolute;top:-5px;left:-5px;right:-5px;bottom:-5px;pointer-events:none}#skills #menu-screen #menu-ul,#skills #menu-screen #menu-dl,#skills #menu-screen #menu-dru,#skills #menu-screen #menu-drd,#skills #menu-screen #menu-drbig{padding:2px 7px}#skills #menu-screen #menu-left{display:grid;grid-template-rows:70% 30%;margin:10px}@media all and (min-width: 990px)and (min-height: 720px){#skills #menu-screen #menu-left{margin:20px}}#skills #menu-screen #menu-left #menu-ul{border-color:#21c629;margin-bottom:10px}@media all and (min-width: 990px)and (min-height: 720px){#skills #menu-screen #menu-left #menu-ul{margin-bottom:20px}}#skills #menu-screen #menu-left #menu-ul #skill-boxes{margin:27px 0;display:grid;grid-template-columns:auto auto auto auto auto;grid-gap:2px 3px;justify-items:center;align-items:center}@media all and (min-width: 990px)and (min-height: 720px){#skills #menu-screen #menu-left #menu-ul #skill-boxes{margin:20px 0 0 0;grid-gap:4px 7px}}#skills #menu-screen #menu-left #menu-dl{border-color:#bf0404}#skills #menu-screen #menu-left #menu-dl #art-boxes{display:grid;grid-template-columns:auto auto auto auto auto;grid-gap:2px 3px;justify-items:center;align-items:center}@media all and (min-width: 990px)and (min-height: 720px){#skills #menu-screen #menu-left #menu-dl #art-boxes{margin:10px 0 0 0;grid-gap:4px 7px}}#skills #menu-screen #menu-right{display:grid;grid-template-rows:20% auto;margin:10px 10px 10px 0}@media all and (min-width: 990px)and (min-height: 720px){#skills #menu-screen #menu-right{margin:20px 20px 20px 0}}#skills #menu-screen #menu-right #menu-ur{border-color:#21c629;text-align:center}#skills #menu-screen #menu-right #menu-ur img{width:32px;margin:5px auto;height:auto;display:block}@media all and (min-width: 990px)and (min-height: 720px){#skills #menu-screen #menu-right #menu-ur img{width:64px;margin:10px auto}}#skills #menu-screen #menu-right #menu-dr{display:grid;grid-template-rows:62.5% 37.5% 0%}#skills #menu-screen #menu-right #menu-dr #menu-dru,#skills #menu-screen #menu-right #menu-dr #menu-drd,#skills #menu-screen #menu-right #menu-dr #menu-drbig{border-color:#e7ad00}@media all and (min-width: 990px)and (min-height: 720px){#skills #menu-screen #menu-right #menu-dr #menu-dru,#skills #menu-screen #menu-right #menu-dr #menu-drd,#skills #menu-screen #menu-right #menu-dr #menu-drbig{padding:5px 15px}}#skills #menu-screen #menu-right #menu-dr #menu-dru{margin-top:2px;margin-bottom:10px}@media all and (min-width: 990px)and (min-height: 720px){#skills #menu-screen #menu-right #menu-dr #menu-dru{margin-top:5px;margin-bottom:20px}}#skills #menu-screen #menu-right #menu-dr #menu-dru img{margin:auto;display:block;height:110px;width:auto}@media all and (min-width: 990px)and (min-height: 720px){#skills #menu-screen #menu-right #menu-dr #menu-dru img{height:220px;width:auto}}#skills #menu-screen #menu-right #menu-dr #menu-drbig{display:none}.skill-ico{cursor:pointer}.skill-ico,.equip-ico{cursor:pointer;width:32px;margin:5px auto;height:auto}@media all and (min-width: 990px)and (min-height: 720px){.skill-ico,.equip-ico{width:64px;margin:10px auto}}.skill-backround{width:55px;height:55px;display:grid;justify-items:center;align-items:center}@media all and (min-width: 990px)and (min-height: 720px){.skill-backround{width:110px;height:110px}}.skill-backround:hover,.skill-backround:active,.skill-backround:focus{border:4px solid green;border-radius:50%}.skill-equipment{width:100%;display:flex;flex-direction:row;justify-content:space-between}#projects .project{margin:0 auto 10vh;max-width:1000px}#projects .project-content{display:flex;flex-direction:column-reverse;justify-content:space-around}@media all and (min-width: 720px){#projects .project-content{flex-direction:row}}#projects .project-content .project-text,#projects .project-content .project-image{flex:0 1 calc(50% - 10px);margin:5px}#projects .project-content .project-text .project-tags{text-transform:uppercase;color:#ff5004}#projects .project-content .project-text .view-project{display:flex;justify-content:space-around}#projects .project-content .project-text .view-project .project-open,#projects .project-content .project-text .view-project .project-gh{padding:0;display:flex;flex-direction:column;text-align:center;width:40%;margin:auto}#projects .project-content .project-text .view-project .project-open .project-open-ico,#projects .project-content .project-text .view-project .project-open .project-gh-ico,#projects .project-content .project-text .view-project .project-gh .project-open-ico,#projects .project-content .project-text .view-project .project-gh .project-gh-ico{width:32px;height:32px;display:inline-block;overflow:hidden;margin:10px auto 0;background-size:cover;background-position:center}#projects .project-content .project-text .view-project .project-open .project-open-ico,#projects .project-content .project-text .view-project .project-gh .project-open-ico{background:url("../img/icons/bookicon.png")}#projects .project-content .project-text .view-project .project-open .project-gh-ico,#projects .project-content .project-text .view-project .project-gh .project-gh-ico{background:url("../img/icons/githubicon.png")}#projects .project-content .project-text .view-project .project-open:hover .project-open-ico,#projects .project-content .project-text .view-project .project-open:active .project-open-ico,#projects .project-content .project-text .view-project .project-open:focus .project-open-ico,#projects .project-content .project-text .view-project .project-gh:hover .project-open-ico,#projects .project-content .project-text .view-project .project-gh:active .project-open-ico,#projects .project-content .project-text .view-project .project-gh:focus .project-open-ico{transition:all .5s ease-out;background:url("../img/icons/bookhover.png")}#projects .project-content .project-text .view-project .project-open:hover .project-gh-ico,#projects .project-content .project-text .view-project .project-open:active .project-gh-ico,#projects .project-content .project-text .view-project .project-open:focus .project-gh-ico,#projects .project-content .project-text .view-project .project-gh:hover .project-gh-ico,#projects .project-content .project-text .view-project .project-gh:active .project-gh-ico,#projects .project-content .project-text .view-project .project-gh:focus .project-gh-ico{transition:all .5s ease-out;background:url("../img/icons/githubhover.png")}#projects .project-content .project-image img{width:100%;border:3px #ff5004 solid}#projects .project-content .project-image img:hover,#projects .project-content .project-image img:active,#projects .project-content .project-image img:focus{border-color:#029666;opacity:.7;transition:all .5s ease-out}h1,h2,h3{margin:0;font-weight:400;font-family:"Russo One",sans-serif}h1.lg-heading,h2.lg-heading,h3.lg-heading{font-size:2rem;margin-bottom:2rem}h1.sm-heading,h2.sm-heading,h3.sm-heading{font-size:1.5rem;margin-bottom:2rem}p,input,li{font-family:"Roboto Mono",monospace;font-size:1rem}a{color:#fff;text-decoration:none}.text-secondary{color:#ff5004}header{position:absolute;z-index:10;width:100%}@media all and (min-width: 720px){header{position:fixed}}header .charIco{position:absolute;z-index:100;top:25px;left:25px}header .top-icons{position:absolute;z-index:100;top:20px;left:85px}.menu-btn{position:fixed;z-index:3;right:35px;top:35px;cursor:pointer;transition:all .5s ease-out}.menu-btn .btn-line{width:28px;height:3px;margin:0 0 5px 0;background:#ff5004;transition:all .5s ease-out}.menu-btn.close{transform:rotate(180deg)}.menu-btn.close .btn-line:nth-child(1){transform:rotate(45deg) translate(5px, 5px)}.menu-btn.close .btn-line:nth-child(2){opacity:0}.menu-btn.close .btn-line:nth-child(3){transform:rotate(-45deg) translate(7px, -6px)}.menu{position:fixed;top:0;width:100%;opacity:.9;visibility:hidden}.menu.show{visibility:visible}.menu-branding,.menu-nav{display:flex;flex-flow:column wrap;align-items:center;justify-content:center;float:left;width:50%;height:100vh;overflow:hidden}.menu-nav{margin:0;padding:0;background:#000;list-style-image:url("../img/icons/bulleticon.png");transform:translate3d(0, -100%, 0);transition:all .5s ease-out}.menu-nav.show{transform:translate3d(0, 0, 0)}.menu-branding{background:#000;transform:translate3d(0, 100%, 0);transition:all .5s ease-out}.menu-branding.show{transform:translate3d(0, 0, 0)}.menu-branding .portrait{width:250px;height:250px;background:url("../img/portrait.png");border-radius:50%;border:solid 5px #ff5004;overflow:hidden;background-size:cover;background-position:center}.menu .nav-item{transition:all .5s ease-out}.menu .nav-item.show{transform:translate3d(0, 0, 0)}.menu .nav-item.current>a{color:#ff5004}.menu .nav-item:hover,.menu .nav-item:active,.menu .nav-item:focus{transition:all .5s ease-out;list-style-image:url("../img/icons/bullethover.png")}.menu .nav-link{display:inline-block;position:relative;font-size:30px;text-transform:uppercase;padding:1rem 0;font-weight:300;color:#f2f2f2;text-decoration:none;transition:all .5s ease-out;font-family:"Russo One",sans-serif}.menu .nav-link:hover,.menu .nav-link:active,.menu .nav-link:focus{color:#ff5004}.nav-item:nth-child(1){transition-delay:.1s}.nav-item:nth-child(2){transition-delay:.2s}.nav-item:nth-child(3){transition-delay:.3s}.nav-item:nth-child(4){transition-delay:.4s}*{box-sizing:border-box}body{background-color:#029666;background:url(../img/background.jpg);background-attachment:fixed;background-size:cover;background-position:right;color:#f2f2f2;height:100%;margin:0;line-height:1.5}body:after{content:"";position:fixed;top:0;right:0;width:100%;height:100%;z-index:-1;background:rgba(0,0,0,.8)}main{min-height:calc(100vh - 6rem);overflow:hidden}#intro{padding:8rem;width:60%;margin-top:10vh;margin-bottom:25vh}#about{width:80%;margin:0 auto 15vh}@media all and (min-width: 720px){#about{width:60%}}#about .about-info{display:grid;grid-gap:30px;grid-template-areas:"bioimage" "bio";grid-template-columns:1fr}@media all and (min-width: 960px){#about .about-info{grid-template-areas:"bioimage bio bio";grid-template-columns:repeat(3, 1fr)}}#about .about-info .bio-image{width:250px;height:250px;grid-area:bioimage;margin:auto;border-radius:50%;border:#ff5004 5px solid;overflow:hidden;background-size:cover;background-position:center}#about .about-info .bio{grid-area:bio}#skills,#projects{max-width:1100px;margin:0 auto 20vh}#contact{max-width:80vw;margin:0 auto 20vh;text-align:center}#contact a{color:#ff5004}footer{text-align:center;padding:1rem;background:#029666;color:#f2f2f2;height:10rem}@media screen and (min-width: 769px)and (max-width: 1170px){#intro{margin-top:10vh;padding:6rem;width:80%}}@media screen and (max-width: 768px){.lg-heading{line-height:1;margin-bottom:1rem;font-size:2rem}#intro{padding:4rem;width:90%}.menu-nav,.menu-branding{float:none;width:100%;min-height:0}.menu-nav.show,.menu-branding.show{transform:translate3d(0, 0, 0)}.menu-nav{height:65vh;transform:translate3d(-100%, 0, 0)}.menu-nav .nav-link{font-size:25px}.menu-branding{margin-top:15vh;height:25vh;transform:translate3d(100%, 0, 0)}.menu-branding .portrait{background:url("../img/portrait-small.jpg");width:150px;height:150px}}@media screen and (max-width: 500px){#intro{padding:1rem;width:90%}}