body{margin:0;padding:0;font-family:sans-serif}body,html{height:100%;margin:0;font-size:16px;font-family:Lato,sans-serif;font-weight:400;line-height:1.8em;color:#666}.navbar{background-color:none;overflow:hidden;height:63px;position:fixed;z-index:1}.navbar p{float:left;display:block;color:#f2f2f2;text-align:center;padding:auto;margin:1em;padding:.5em;text-decoration:none;font-size:17px}.navbar p:hover{background-color:#ddd;color:#000;cursor:pointer}.side-nav{height:100%;width:0;overflow:hidden;position:fixed;z-index:1;top:0;left:0;background-color:#111;opacity:.9;overflow-x:hidden;padding-top:60px;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}.side-nav p{padding:10px 10px 10px 30px;text-decoration:none;font-size:22px;color:#ccc;display:block;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}.side-nav p:hover{color:#fff;background-color:gray;cursor:pointer}.side-nav .btn-close{width:1em;margin:0 1em 0 4em;font-size:36px;padding:.25em .1em .25em .5em}.pimg1,.pimg2,.pimg3,.pimg4{position:relative;opacity:.7;background-position:50%;background-size:cover;background-repeat:no-repeat;background-attachment:fixed}.pimg1{background-image:url(/static/media/desert.f5f8916a.jpeg);min-height:100vh}.pimg2{background-image:url(/static/media/calm.d8cff1ab.jpeg)}.pimg2,.pimg3{min-height:400px}.pimg3{background-image:url(/static/media/autumn.0e55bc69.jpeg)}.pimg4{background-image:url(/static/media/bison.47d37d88.jpeg);min-height:400px}.section{text-align:center;padding:50px 80px}.section-light{background-color:#f4f4f4;color:#666}.section-dark{background-color:#282e34;color:#ddd}.ptext{position:absolute;width:100%;top:45%;margin-left:auto;text-align:center;color:#000;font-size:27px;letter-spacing:8px;text-transform:uppercase;text-shadow:1px 1px 2px #000}.ptext .border,.ptext .borderwelcome{background-color:#111;color:#fff;padding:20px}.ptext .borderwelcome{letter-spacing:4px;text-transform:capitalize;position:relative;top:1%;width:100%}.ptext .border.trans{background-color:transparent}.profilepic{border-radius:50%;overflow:hidden;width:150px;height:150px}.profileLeft{float:left;margin:0 0 0 15vw}.profileLeft,.profileRight{width:30%;text-align:left;padding:20px}.profileRight{float:right;margin:0 10vw 0 0}#getInTouch{color:#add8e6}#getInTouch:hover{cursor:pointer}#experience{text-align:center;-ms-flex-pack:center;justify-content:center}#experience,.experienceLeft{display:-ms-flexbox;display:flex}.experienceLeft{width:30%;float:left;text-align:left;padding:5px;margin:0 0 0 15vw}.experienceLeft img{height:5em;width:5em;-o-object-fit:scale-down;object-fit:scale-down;margin:1em 1em 0 0}.experienceRight{display:inline-block;width:30%;float:right;text-align:left;padding:5px;margin:.5em 10vw 0 0}.experienceRight .invert{-webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1)}.clear{clear:both}#github{text-decoration:none;color:#000}#github:hover{color:#666}.projectsContainer{overflow-x:scroll;overflow-y:hidden;white-space:nowrap}.projects{display:inline-block;margin:80px 6% 150px;height:300px;width:300px;position:relative;white-space:normal;vertical-align:top}.projects .image{position:absolute;height:300px;width:100%;left:0;opacity:1;-webkit-transition:.5s;-o-transition:.5s;transition:.5s;-webkit-box-shadow:1px 2px 5px gray;box-shadow:1px 2px 5px gray;-o-object-fit:cover;object-fit:cover}.projectswrapper:{white-space:normal}.description:{white-space:normal;word-wrap:break-word}.tags{font-size:14px}.projects .image:hover{cursor:pointer;-webkit-transform:scale(1.5);-ms-transform:scale(1.5);transform:scale(1.5);opacity:.05;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}.ContactWrapper{text-align:center}.contacts{display:inline-block;text-align:left}.contact{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin:0}.contact img{height:1.75em;margin-right:1em;-webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1)}.contact p{margin:1em 0}.hyperlink{color:#ddd;text-decoration:none}footer hr{border:none;background-color:#33383c;color:#33383c;height:1px}footer p{font-size:14px;text-align:right}.toTop{text-decoration:none;font-size:12px;padding:5px;color:#fff;background-color:none;border:solid;border-color:#33383c;border-radius:0;border-width:thin}.toTop:hover{background-color:#33383c;cursor:pointer}.toTop:active{border-width:medium}.toProfile{-webkit-animation:bounce infinite .75s linear;animation:bounce infinite .75s linear;-webkit-animation-direction:alternate;animation-direction:alternate;-webkit-animation-timing-function:cubic-bezier(.5,.05,1,.5);animation-timing-function:cubic-bezier(.5,.05,1,.5)}.toProfile:hover{cursor:pointer}#particles-js{background:#b22222;height:400px}.App-logo{-webkit-animation:App-logo-spin infinite 20s linear;animation:App-logo-spin infinite 20s linear;height:80px}@media (max-width:568px){.pimg1,.pimg2,.pimg3,.pimg4{background-attachment:scroll}.pimg1{min-height:800px}.section{padding:1em}.experienceLeft,.experienceRight,.profileLeft,.profileRight{position:relative;margin:0;padding:0;width:100%}.projects{margin:2em 0 2em .5em;height:300px;width:90%;position:relative}.projects .image{opacity:.2;-o-object-fit:cover;object-fit:cover}footer p{text-align:center}}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes bounce{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}}@keyframes bounce{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}}.example-appear{opacity:.01}.example-appear.example-appear-active{opacity:1;-webkit-transition:opacity 1s ease-in;-o-transition:opacity 1s ease-in;transition:opacity 1s ease-in}
/*# sourceMappingURL=main.d28b5933.css.map*/