.navHead{width:100%;height:10rem;top:0;left:0}.navBar{display:flex;align-items:center;padding:1rem}.hamDiv{padding-left:4rem;padding-bottom:4rem}.spacer{flex:1 1}.logoDiv img{height:12rem;padding-right:1rem}.toggle-button{display:flex;flex-direction:column;justify-content:space-around;height:4rem;width:4rem;background:none;border:none;cursor:pointer;padding:0;box-sizing:border-box;transition:1s}.toggle-button:hover{outline-color:#c7bf51;background-color:#d8cf54;border-radius:5px}.toggle-button:focus{outline:0}.toggle-button_line{width:4rem;height:5px;background:#fff}.side-drawer{background-color:#3a3a3a;position:fixed;height:100%;width:13rem;box-shadow:2px 0 15px rgba(97,97,97,.5);top:0;left:0;padding-top:2rem;transform:translateX(-100%);transition:transform .3s ease-out;z-index:200}.side-drawer.open{transform:translateX(0)}.side-drawer ul{list-style-type:none;display:flex;flex-direction:column}.side-drawer li{margin-top:1rem;margin-bottom:.3rem}li a{position:relative;text-decoration:none;color:#fff;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;font-size:x-large;padding-bottom:.3rem;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}li a:after{content:"";position:absolute;top:0;left:0;width:0;height:100%;border-bottom:2px solid #ffff46;transform-origin:left;transition:width .3s ease-out}li a:hover:after{width:100%}#icons{color:#fff;font-size:1.4rem;margin-right:1.5rem}.backDrop{position:fixed;height:100%;width:100%;top:0;left:0;z-index:100}.homeTransition{font-family:"Franklin Gothic Medium","Arial Narrow",Arial,sans-serif;margin-top:7rem;margin-bottom:4rem}.headerHome{margin-top:7rem;margin-bottom:3rem}.contentTransition{font-size:5rem;color:#4d4d4d;-webkit-animation-name:fade;animation-name:fade;-webkit-animation-duration:3s;animation-duration:3s}.contentTransition,.contentTransitionLine{display:flex;justify-content:center}.homeLine{position:absolute;width:90%;height:1px;background:transparent}.homeLine:before{content:"";position:absolute;width:100%;height:100%;background-color:#fff;-webkit-animation-name:animate;animation-name:animate;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-direction:linear;animation-direction:linear}@-webkit-keyframes animate{0%{transform-origin:center;transform:scaleX(0)}to{transform-origin:center;transform:scaleX(1)}}@keyframes animate{0%{transform-origin:center;transform:scaleX(0)}to{transform-origin:center;transform:scaleX(1)}}.homeTransitionChild{font-family:"Franklin Gothic Medium","Arial Narrow",Arial,sans-serif}.homeTransitionChild,.transitionChildParent{display:flex;justify-content:center}.transitionChildContent1,a,transitionChildContent2,transitionChildContent3{text-decoration:none;color:#4d4d4d}.transitionChildContent1,.transitionChildContent2,.transitionChildContent3{position:relative;font-size:3rem;background-color:#c7bf51;border-bottom:2px solid #fa4848;margin:0 3rem;opacity:0;-webkit-animation-name:childContent;animation-name:childContent;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-delay:1s;animation-delay:1s}.transitionChildContent1:after,.transitionChildContent2:after,.transitionChildContent3:after{content:"";position:absolute;top:0;left:0;width:0;height:100%;border-bottom:2px solid #ffff46;transform-origin:left;transition:width .25s ease-out}.transitionChildContent1:hover:after,.transitionChildContent2:hover:after,.transitionChildContent3:hover:after{width:100%}.transitionChildContent1{-webkit-animation-duration:1s;animation-duration:1s}.transitionChildContent2{-webkit-animation-duration:1.5s;animation-duration:1.5s}.transitionChildContent3{-webkit-animation-duration:2s;animation-duration:2s}@-webkit-keyframes childContent{0%{bottom:-50vh}to{bottom:0}0%{opacity:0}to{opacity:1}}@keyframes childContent{0%{bottom:-50vh}to{bottom:0}0%{opacity:0}to{opacity:1}}.main{display:flex;flex-direction:column;justify-content:center}.aboutMain{display:flex;margin-top:4rem;margin-bottom:10rem;height:70vh;width:100vw;background-color:#555;-webkit-animation-name:fade;animation-name:fade;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif}@-webkit-keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes fade{0%{opacity:0}to{opacity:1}}.introAbout{color:#ececec;line-height:1.4;padding-top:1rem;padding-left:7rem;font-size:2rem}.aboutGraph{position:relative;height:100%;width:100%}.verticalLine{position:absolute;top:15%;left:50%;height:60%;width:2px;background-color:#f34040}.horizontal_line1{top:20%;left:43%}.horizontal_line1,.horizontal_line2{position:absolute;height:2px;width:7%;background-color:#f34040}.horizontal_line2{top:35%;left:50%}.horizontal_line3{top:50%;left:41%;width:9%}.horizontal_line3,.horizontal_line4{position:absolute;height:2px;background-color:#f34040}.horizontal_line4{top:69%;left:50%;width:8%}.box1Container{position:absolute;bottom:72%;right:57%;-webkit-animation-name:rotate;animation-name:rotate;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@-webkit-keyframes rotate{0%{transform:rotateX(0deg)}to{transform:rotateX(1turn)}}@keyframes rotate{0%{transform:rotateX(0deg)}to{transform:rotateX(1turn)}}.box1Content{position:relative;transform-style:preserve-3d;transition:all .5s ease}.box1Container:hover .box1Content{transform:rotateY(180deg)}.box1Front{padding:1rem 2rem;color:#575757;border:3px solid #fff242;background-color:#fff}.box1Back,.box1Front{-webkit-backface-visibility:hidden;backface-visibility:hidden}.box1Back{top:0;bottom:0;left:0;right:0;padding:0 1em;font-weight:500;color:#363636;background-color:#ffffce;border:2px solid #f34040;position:absolute;transform:rotateY(180deg)}.box2Container{position:absolute;top:26%;left:57%;-webkit-animation-name:rotate;animation-name:rotate;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-delay:.1s;animation-delay:.1s}.box2Content{position:relative;transform-style:preserve-3d;transition:all .5s ease}.box2Container:hover .box2Content{transform:rotateY(180deg)}.box2Front{padding:1rem 2rem;color:#575757;border:3px solid #fff242;background-color:#fff}.box2Back,.box2Front{-webkit-backface-visibility:hidden;backface-visibility:hidden}.box2Back{top:0;bottom:0;left:0;right:0;padding:0 1em;font-weight:500;color:#363636;background-color:#ffffce;border:2px solid #f34040;position:absolute;transform:rotateY(180deg)}.box3Container{position:absolute;top:42%;right:59%;-webkit-animation-name:rotate;animation-name:rotate;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-delay:.2s;animation-delay:.2s}.box3Content{position:relative;transform-style:preserve-3d;transition:all .5s ease}.box3Container:hover .box3Content{transform:rotateY(180deg)}.box3Front{padding:1rem 2rem;color:#575757;border:3px solid #fff242;background-color:#fff}.box3Back,.box3Front{-webkit-backface-visibility:hidden;backface-visibility:hidden}.box3Back{top:0;bottom:0;left:0;right:0;padding:0 1em;font-weight:500;color:#363636;background-color:#ffffce;border:2px solid #f34040;position:absolute;transform:rotateY(180deg)}.box4Container{position:absolute;top:61%;left:58%;-webkit-animation-name:rotate;animation-name:rotate;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-delay:.3s;animation-delay:.3s}.box4Content{position:relative;transform-style:preserve-3d;transition:all .5s ease}.box4Container:hover .box4Content{transform:rotateY(180deg)}.box4Front{padding:1rem 2rem;color:#575757;border:3px solid #fff242;background-color:#fff}.box4Back,.box4Front{-webkit-backface-visibility:hidden;backface-visibility:hidden}.box4Back{top:0;bottom:0;left:0;right:0;padding:0 1em;font-weight:500;color:#363636;background-color:#ffffce;border:2px solid #f34040;position:absolute;transform:rotateY(180deg)}.footer{text-align:center;color:#948f66;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;mix-blend-mode:multiply}.mainAbout{display:flex;justify-content:center}.modal{display:flex;position:fixed;top:0;left:0;width:100%;height:100%;text-align:center;border-radius:10px;background:rgba(49,49,49,.6)}.modal-main{position:fixed;padding:1rem;background:#ececec;width:30%;border-radius:5px;top:50%;left:50%;transform:translate(-50%,-50%)}.modal-btn{background-color:rgba(243,113,113,.555);border-radius:3px;border:none;color:#fff;cursor:pointer;font-size:large}.display-block{display:block}.display-none{display:none}.contactContainer{display:flex;flex-direction:column;padding-top:1rem;padding-bottom:4rem;color:#f7f7f7;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;-webkit-animation-name:rotate2;animation-name:rotate2;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;transform-style:preserve-3d}@-webkit-keyframes rotate2{0%{transform:rotateY(90deg);opacity:0}to{transform:rotateY(1turn);opacity:1}}@keyframes rotate2{0%{transform:rotateY(90deg);opacity:0}to{transform:rotateY(1turn);opacity:1}}.inputEmail,.inputName,.inputPhone{height:3vh}.inputEmail,.inputMessage,.inputName,.inputPhone{width:50vw;border:transparent;border-radius:5px;padding:.5rem;font-size:medium;transform:translateZ(600px)}.inputMessage{height:30vh;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif}.contactButton:focus,input:focus,textarea:focus{outline:none}.contactHeader{border-bottom:2px solid #e45959;margin-bottom:2rem;transform:translateZ(600px)}.contactButton{background-color:#96c2eb;border:none;height:3.5vh;width:5vw;border-radius:5px;color:#fff;font-size:x-large;cursor:pointer;transform:translateZ(600px)}.mainContact{display:flex;justify-content:center;margin:4rem 0;background-color:#5e5e5e}.portfolioContainer{display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;margin:0}.portfolioHeadContainer{display:flex;flex-direction:column;justify-content:center;margin:12rem 0}.portfolioHead1{font-size:8rem;letter-spacing:.25rem;text-align:center;margin-bottom:0;color:#444;background-color:#c7bf51;position:relative;-webkit-animation:text 3s 1;animation:text 3s 1}@-webkit-keyframes text{0%{color:#c7bf51;margin-bottom:-7rem}30%{letter-spacing:2rem;margin-bottom:-7rem}85%{letter-spacing:.25rem;margin-bottom:-7rem}}@keyframes text{0%{color:#c7bf51;margin-bottom:-7rem}30%{letter-spacing:2rem;margin-bottom:-7rem}85%{letter-spacing:.25rem;margin-bottom:-7rem}}.portfolioHead2{font-size:4rem;margin-top:1rem;margin-bottom:10rem;color:#e94646;text-align:center}.portfolioContentContainer{display:flex;flex-direction:column;padding-bottom:2rem}.imgContainer{display:flex;justify-content:center}.contentImg{height:42vh;width:42vw;margin:3rem 1rem 1rem;box-shadow:24px 38px 30px -10px rgba(0,0,0,.75)}.descriptionContainer{margin:0 4rem 4rem;text-align:center}.contentDescription{color:#4e4e4e;margin:1rem 7rem;font-size:2rem}.descriptionContainer a{font-size:2rem;color:#e94646;margin:0 7rem}body,html{margin:0;background-color:#c7bf51;width:100%;height:100%}
/*# sourceMappingURL=main.fd2b5ea5.chunk.css.map */