body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.App{margin-top:0;position:relative;height:100vh;width:100%;background-color:#243447;overflow:auto}.page-container{display:flex;flex-direction:column;min-height:100vh}.content-wrap{flex:1 1}.App::-webkit-scrollbar,.App::-webkit-scrollbar-track{background-color:transparent}.App::-webkit-scrollbar{width:0}.App::-webkit-scrollbar-corner{background-color:transparent}.toggle-button{display:flex;flex-direction:column;justify-content:space-around;height:21px;width:30px;background:transparent;border:none;cursor:pointer;padding:0;box-sizing:border-box}.toggle-button:focus{outline:none}.toggle-button__line{width:30px;height:2px;background:#fff}.toolbar{position:fixed;top:0;left:0;width:100%;height:64px;background:#1b1b1b;box-shadow:0 4px 8px rgba(15,21,28,.9);z-index:1}.toolbar__navigation{display:flex;height:100%;align-items:center;padding:0 1 rem}.toolbar_logo{margin-top:.5rem;margin-left:3rem;transform:scale(1);transition:transform .4s ease-in-out}.spacer{flex:0.25 1}.toolbar_navigation-items ul{list-style:none;margin:0;padding:0;display:flex}.toolbar_navigation-items li{padding:0 4rem}.toolbar_navigation-NavLink{font-family:"Open Sans",sans-serif;color:#fff;transition:color .4s ease-in-out;text-decoration:none;font-size:1.1rem}.toolbar_navigation-NavLink:active,.toolbar_navigation-NavLink:hover{color:red;transition:color .4s ease-out}@media (max-width:768px){.toolbar_navigation-items{display:none}.toolbar_logo{margin-left:33%}}@media (min-width:769px){.toolbar__toggle-button{display:none}.toolbar_logo{margin-left:.5}.toolbar_logo:active,.toolbar_logo:hover{transform:scale(1.25);transition:transform .4s ease-in}}.side-drawer{height:100%;background:#1b1b1b;box-shadow:1px 0 7px rgba(0,0,0,.5);position:fixed;top:0;left:0;width:70%;max-width:400px;z-index:200;transform:translateX(-100%);transition:transform .3s ease-in}.side-drawer.open{transform:translateX(0)}.side-drawer ul{height:100%;list-style:none;display:flex;flex-direction:column;justify-content:center}.side-drawer li{margin:2rem 0}.side-drawer-navlink{font-family:"Open Sans",sans-serif;color:#fff;transition:color .4s ease-in-out;text-decoration:none;font-size:1.2rem}.side-drawer a:active,.side-drawer a:hover{color:red;transition:color .4s ease-out}@media (min-wdith:769px){.side-drawer{display:none}}.backdrop{position:fixed;width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,.3);z-index:100}.main-footer{text-align:center;background-color:#1b1b1b;padding-top:.25cm;position:relative;bottom:0;width:100%}.main-footer,.main-footer a{color:#fff;font-family:"Open Sans",sans-serif}.main-footer img{display:inline-flexbox;margin-left:5px;margin-right:5px;margin-top:5px}.homeBackground{position:absolute;transform:translateY(-4.5%);height:105%;width:100%;background-image:url(/reactWebsite/static/media/bridge.891e7532.gif);background-size:contain}.headerHome{-webkit-animation:headerTrans 3s;animation:headerTrans 3s;font-size:4.5rem;transform:translateY(60%);z-index:1;padding-bottom:2cm}.headerHome,.subheaderHome{color:#fff;font-family:"Karla",sans-serif;text-align:center}.subheaderHome{-webkit-animation:headerTrans 5.5s;animation:headerTrans 5.5s;transform:translateY(150%);z-index:2;-webkit-animation:homefloating;animation:homefloating;-webkit-animation-duration:5s;animation-duration:5s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}.text1{-webkit-animation:headerTrans 8s;animation:headerTrans 8s;font-family:"Merriweather",serif}@-webkit-keyframes homefloating{0%{transform:translateY(150%)}65%{transform:translateY(163%)}to{transform:translateY(150%)}}@keyframes homefloating{0%{transform:translateY(150%)}65%{transform:translateY(163%)}to{transform:translateY(150%)}}@-webkit-keyframes headerfloating{0%{transform:translateY(60%)}65%{transform:translateY(73%)}to{transform:translateY(60%)}}@keyframes headerfloating{0%{transform:translateY(60%)}65%{transform:translateY(73%)}to{transform:translateY(60%)}}@media (min-width:769px){.headerHome{transform:translateY(55%);-webkit-animation-name:headerfloating;animation-name:headerfloating;-webkit-animation-duration:5s;animation-duration:5s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}}.body{-webkit-animation:floating;animation:floating;-webkit-animation-duration:4s;animation-duration:4s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}.header{-webkit-animation:headerTrans 3s;animation:headerTrans 3s;color:#fff;font-size:4.5rem;transform:translateY(60%);font-family:"Karla",sans-serif;text-align:center}.subheader{-webkit-animation:headerTrans 5.5s;animation:headerTrans 5.5s;transform:translateY(70%);font-family:"Karla",sans-serif;-webkit-animation:floating;animation:floating;-webkit-animation-duration:4s;animation-duration:4s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}.subheader,.text1{color:#fff;text-align:center}.text1{-webkit-animation:headerTrans 6s;animation:headerTrans 6s;transform:translateY(-150%);font-family:"Lato",sans-serif;-webkit-animation:floating;animation:floating;-webkit-animation-duration:4s;animation-duration:4s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;margin-left:80px;margin-right:80px}@media (max-width:768px){.header{transform:translateY(35%)}}@-webkit-keyframes headerTrans{0%{opacity:0}to{opacity:1}}@keyframes headerTrans{0%{opacity:0}to{opacity:1}}.prom-pic{width:350px;-webkit-animation-name:floating;animation-name:floating;-webkit-animation-duration:4s;animation-duration:4s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}.mobileResume,.prom-pic{display:block;margin-left:auto;margin-right:auto}.mobileResume{width:500px;height:600px}.aboutMeBody,.resumeLink{color:#fff;font-family:"Lato",sans-serif}.aboutMeBody{display:block;position:relative;margin-left:50px;text-align:left;-webkit-animation-name:floating;animation-name:floating;-webkit-animation-duration:4s;animation-duration:4s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}.aboutMeBody ul{font-size:x-large;list-style-type:none;opacity:.3;transition:opacity .7s ease-out}.aboutMeBody li{width:100%;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-left:75px;margin-right:50px;opacity:.5;transition:opacity .7s ease-out}.aboutMeBody ul:active,.aboutMeBody ul:hover{opacity:1;transition:opacity 1.5s ease-out}.aboutMeBody li:active,.aboutMeBody li:hover{opacity:1;transition:opacity .9s ease-out}.itemList{color:#fff;font-family:"Lato",sans-serif;margin-right:100px}.star{opacity:0;transition:opacity 1s ease-out}.star:active,.star:hover{opacity:1;transition:opacity 2s ease-out}@media (max-width:768px){.aboutMeBody{display:none}}@media (min-width:769px){.mobileResume{display:none}}.icons{display:list-item;-webkit-animation:headerTrans 3s ease;animation:headerTrans 3s ease;text-align:center;-webkit-animation:floating;animation:floating;-webkit-animation-duration:4s;animation-duration:4s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}.icons img{transform:scale(1);transition:transform .3s ease-in}.icons img:active,.icons img:hover{transform:scale(1.05);transition:transform .4s ease-out}.caption{transform:translateY(20px)}.caption,.profile{color:#fff;font-family:"Lato",sans-serif;text-align:center}.profile{transform:translateY(-31px)}@-webkit-keyframes floating{0%{transform:translate(0)}65%{transform:translateY(5px)}to{transform:translate(0)}}@keyframes floating{0%{transform:translate(0)}65%{transform:translateY(5px)}to{transform:translate(0)}}.errorheader{-webkit-animation-name:headerColor;animation-name:headerColor;-webkit-animation-duration:3s;animation-duration:3s;color:red;opacity:1;font-size:7rem}.errorheader,.errorText{font-family:"Times New Roman",Times,serif;text-align:center}.errorText{color:#fff}@-webkit-keyframes headerColor{0%{color:#fff;opacity:.3}to{color:red;opacity:1}}@keyframes headerColor{0%{color:#fff;opacity:.3}to{color:red;opacity:1}}
/*# sourceMappingURL=main.e15e7936.chunk.css.map */