body{font-size:2.5vh;line-height:2.7vh;margin:0;padding:0;color:#373737;background:#f4f4f4}@media screen and (max-height:640px){body{font-size:16px;line-height:21px}}*{font-family:Roboto,Arial,sans-serif;box-sizing:border-box}p{text-align:justify}.buttons{margin-top:15px;text-align:right}.hidden{display:none}.clearfix{display:block;clear:both}.genHeader{position:fixed;left:0;height:calc(5vh + 27px);width:100%;background:#373737;top:0}.hamburger{color:#f4f4f4;position:fixed;top:2.5vh;right:2.5vh;cursor:pointer}@media screen and (min-width:640px){.hamburger{display:none}}.header{position:fixed;top:1vw;left:1vw;width:98vw;background:#f4f4f4}.header ul{display:block;list-style:none;padding:0;margin:0}.header ul li{display:block;list-style:none}.header a{color:#c0b283;text-decoration:none;display:block;width:100%;height:100%;margin:0;padding:2.5vh;font-weight:700;border-bottom:1px solid #373737}.header a:hover{color:#373737}.header .active{color:#373737}@media screen and (min-width:640px){.header{top:0;right:0;background:0 0;width:auto;left:auto}.header ul li{display:inline-block}.header a{width:auto;line-height:calc(5vh + 26px);padding-top:0;padding-bottom:0;color:#f4f4f4}.header a:hover{color:#c0b283}.header .active{color:#c0b283}}.menuClose{text-align:right;color:#c0b283;text-decoration:none;display:block;width:100%;height:100%;margin:0;padding:2.5vh;font-weight:700;cursor:pointer}.menuClose:hover{color:#373737}@media screen and (min-width:640px){.menuClose{display:none}}.title{color:#f4f4f4;position:fixed;top:0;left:2.5vh;font-weight:700;line-height:calc(5vh + 27px)}.copyright{clear:both;background:#c0b283;color:#373737;padding:15px;text-align:center;font-size:1.5vh}@media screen and (max-height:533px){.copyright{font-size:8px}}.homeContentContainer{color:#f4f4f4;position:fixed;top:0;left:0;width:100%;height:100%;background:url(/assets/67b67b51-4a86-4051-8c9d-e699499e8d21/wallpaper.jpg) center center no-repeat}.homeContent{position:relative;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);text-align:center}.catchPhrase{font-size:12vw;line-height:12.2vw;font-weight:700;margin-bottom:3vh;text-transform:uppercase}.tagLine{font-size:5vw;line-height:5.2vw;text-transform:lowercase;font-style:italic}@media screen and (min-width:640px){.catchPhrase{font-size:4vw;line-height:4.2vw}.tagLine{font-size:2vw;line-height:2.2vw}}.socialMedia{position:absolute;bottom:2.5vh;left:2.5vh}.email{color:#f4f4f4;font-size:18px;padding-right:2px}.homePageTwo{background:#f4f4f4;position:absolute;top:100%;width:100%}.homeAbout{padding:15px}.homeAbout a{font-size:2.5vh;line-height:2.6vh;display:inline-block;text-align:center;text-decoration:none;width:auto;border:2px solid #373737;border-radius:2px;text-transform:uppercase;background:#373737;color:#f4f4f4;padding:1vh;letter-spacing:1px;box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12),0 3px 1px -2px rgba(0,0,0,.2)}.homeAbout a:hover{background:#f4f4f4;color:#373737}@media screen and (min-width:640px){.homeAbout{margin:auto auto;width:90vh}}@media screen and (min-width:640px) and (max-height:640px){.homeAbout{width:576px}}@media screen and (min-width:640px) and (min-height:800px){.homeAbout{width:720px}}@media screen and (min-width:1291px){.homeAboutContainer{float:left;width:calc(100% - 70vh)}}@media screen and (min-width:1291px) and (max-height:640px){.homeAboutContainer{width:calc(100% - 448px)}}@media screen and (min-width:1291px) and (min-height:800px){.homeAboutContainer{width:calc(100% - 560px)}}.profileVideoContainer{display:none;padding:0;height:45vw;margin:0 0 15px}.profileVideoContainer.full{position:fixed;top:0;left:0;width:100%;height:100%;margin:0;z-index:9995;padding:0}.profilePhoto{display:none}.profileVideo{width:80%;margin:0 0 0 10%;padding:0}.profileVideo.full{position:relative;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);cursor:pointer}.playButton{position:relative;font-size:10vh;cursor:pointer;text-align:center;color:#373737;width:80vw;height:45vw;top:-45vw;padding:0;margin:0 0 0 10%;line-height:45vw}.playButton:hover{color:#c0b283}.playButton.full{position:fixed;top:0;left:0;width:100%;height:100%;line-height:100vh;margin:0;padding:0;z-index:9996}@media screen and (min-width:1291px){.profileVideoContainer{margin-top:30px;display:block;width:70vh;float:right;height:40vh}}@media screen and (min-width:1291px) and (max-height:640px){.profileVideoContainer{width:448px}}@media screen and (min-width:1291px) and (min-height:800px){.profileVideoContainer{width:560px}}@media screen and (min-width:1291px){.profilePhoto{display:block;width:40%;margin-left:30%;border-radius:75%;margin-top:5%;padding:0}.playButton{width:80%;height:35vh;top:-35vh;line-height:40vh}}.profileVideoBackground{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#373737;opacity:.7;z-index:9990;margin:0;padding:0}.profileVideoBackground.full{display:block}.profileVideoClose{display:none;position:fixed;top:1vh;right:1vw;color:#c0b283;z-index:9999;font-size:7vh;background:#373737;cursor:pointer}.profileVideoClose:hover{color:#f4f4f4}.profileVideoClose.full{display:block}.sup{color:#f4f4f4;text-decoration:none;vertical-align:super;font-size:smaller}a.normal{font-size:inherit;line-height:inherit;display:inline;text-align:left;padding:0;margin:0;background:inherit;color:inherit;border:none;text-transform:inherit;box-shadow:none;border-bottom:1px solid #373737}a.normal:hover{color:#c0b283}@media screen and (max-width:1291px){.infoImage{display:none}}.infoPic{position:relative;top:50%;border-radius:5px}.homeContact{padding:15px}.homeContact button{font-size:2.5vh;line-height:2.6vh;text-align:center;border:2px solid #373737;border-radius:2px;text-transform:uppercase;background:#373737;color:#f4f4f4;padding:1vh;letter-spacing:1px;box-shadow:0 2px 2px 0 rgba(244,244,244,.14),0 1px 5px 0 rgba(244,244,244,.12),0 3px 1px -2px rgba(244,244,244,.2);cursor:pointer}.homeContact button:disabled,.homeContact button:disabled:hover{cursor:not-allowed;background:#d3d3d3;border:2px solid #d3d3d3;color:gray}.homeContact button:hover{background:#f4f4f4;color:#373737}.homeContact label{display:block;margin-bottom:10px}.homeContact label span{display:block;font-style:italic;font-size:2vh}.homeContact input,.homeContact textarea{font-size:2.5vh;line-height:2.6vh;margin:0;padding:5px 5px 5px 9px;border-radius:2px;outline:0;background:0 0;border:1px solid #373737;letter-spacing:1px;width:100%}.homeContact input.empty:invalid,.homeContact input:required,.homeContact textarea.empty:invalid,.homeContact textarea:required{border-left:5px solid #00549f;padding-left:5px}.homeContact input:invalid,.homeContact textarea:invalid{border-left:5px solid #d52b1e;padding-left:5px}.homeContact textarea{height:20vh;resize:none}@media screen and (min-width:640px){.homeContact{margin:auto auto;width:70vh}}@media screen and (min-width:640px) and (max-height:640px){.homeContact{width:448px}}@media screen and (min-width:640px) and (min-height:800px){.homeContact{width:560px}}.homeContactContainer{margin-top:calc(5vh + 27px)}@media screen and (min-width:640px){.captcha{float:left}}.formBottom::after{content:' ';display:block;clear:both}.profile,.skillsContainer{margin-top:calc(5vh + 27px)}.skillsContainer{display:none}.content{padding:15px}@media screen and (min-width:640px){.content{margin:auto auto;width:90vh}}@media screen and (min-width:640px) and (max-height:640px){.content{width:576px}}@media screen and (min-width:640px) and (min-height:800px){.content{width:720px}}@media screen and (min-width:1291px){.profile{float:left;width:calc(100% - 60vh)}}@media screen and (min-width:1291px) and (max-height:640px){.profile{width:calc(100% - 384px)}}@media screen and (min-width:1291px) and (min-height:800px){.profile{width:calc(100% - 480px)}}.skills{padding:15px}@media screen and (min-width:640px){.skills{margin:auto auto;width:60vh}}@media screen and (min-width:640px) and (max-height:640px){.skills{width:384px}}@media screen and (min-width:640px) and (min-height:800px){.skills{width:480px}}@media screen and (min-width:1291px){.skillsContainer{display:block;width:60vh;float:right}}@media screen and (min-width:1291px) and (max-height:640px){.skillsContainer{width:384px}}@media screen and (min-width:1291px) and (min-height:800px){.skillsContainer{width:480px}}@media screen and (min-width:1291px){.skills{width:100%}}.skill{margin:5px}.skill::after{content:' ';display:block;clear:both}.skill:hover{background:#e4e4e4}.skill .sk-title{float:left;line-height:28px}.skill .strength{float:right;color:#c0b283}.githubLink{background:#373737;border-radius:3px;float:right;cursor:pointer}.githubLink:hover{background:#c0b283}.project{border:1px solid #e4e4e4}.project:hover{background:#e4e4e4}.projectBox{border:15px solid transparent}@media screen and (min-width:720px){.project{overflow:hidden;height:380px;width:50%;float:left}}@media screen and (min-width:1080px){.project{width:calc(100% / 3)}}.pr-desc{font-style:italic;text-align:justify;padding-left:5px;padding-right:5px}.pr-features{display:block;margin:5px 0;padding:0 0 0 20px;list-style-type:square}.pr-tech{display:block;margin:0;padding:0;list-style:none}.pr-tech li{display:inline-block;padding-right:5px}.pr-tech li::after{content:','}.pr-tech li:last-child::after{content:''}.pr-tech li:hover{background:#c0b283}.code{margin-top:calc(5vh + 27px)}.pr-title{margin-top:0}.screen{width:90%;margin:5%}.notFound{clear:both;background:url(/assets/67b67b51-4a86-4051-8c9d-e699499e8d21/notfound.jpeg) center bottom no-repeat;position:fixed;top:0;left:0;width:100%;height:100%;background-size:cover}.copyright a,.copyright a:active,.copyright a:focus,.copyright a:visited{color:#373737;text-decoration:none}.copyright a:hover{color:#f4f4f4}.cc-window{border:1px solid #373737;font-size:16px;position:fixed;bottom:20px;right:20px;z-index:99;border-radius:4px;padding:5px;width:200px;background:#f4f4f4}.cc-link{color:#373737}.cc-link:hover{color:#c0b283}.cc-message{text-align:justify}.cc-btn{text-align:center;display:block;background:#373737;padding:3px;border-radius:5px;margin-top:5px;color:#f4f4f4;cursor:pointer}.cc-btn:hover{background:#c0b283;text-decoration:none}@media screen and (max-width:420px){.cc-window{font-size:12px;width:calc(100% - 40px)}}