body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}header,header ul{display:flex}header ul{background-color:#1a2327;font-size:1.5em;gap:30px;justify-content:right;padding:20px 100px 20px 20px;width:100%}header ul .menu{display:none}header ul li{align-items:center;display:flex;list-style-type:none}header ul li .myLink,header ul li a{text-decoration:none}header ul li a:hover{color:#bdc1c1}@media screen and (max-width:999px){header ul li{font-size:1.25em}}@media screen and (max-width:750px){header ul li:not(.menu){display:none}header ul,header ul .menu{display:block}header ul li{background-color:rgba(32,42,46,.894);font-size:1.25em;margin-bottom:3px;padding:15px}}body .topContainer{background-color:#263136;height:60vh;overflow:hidden;position:relative;z-index:0}body .topContainer .hexDiv{background-color:initial;height:100%;overflow:hidden;position:absolute;width:100%;z-index:2}body .topContainer .hexDiv .divs{display:inline-flex;justify-content:flex-end;width:100%}body .topContainer .hexDiv .divs .hex{-webkit-animation:animate 4s linear infinite;animation:animate 4s linear infinite;background-color:rgba(0,255,255,.7);-webkit-clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);height:5vw;margin-right:.2vw;margin-top:-1.325vw;-webkit-transform:rotate(90deg);transform:rotate(90deg);transition:2s;width:5vw}body .topContainer .hexDiv .divs:nth-child(2n){margin-left:2.6vw}body .topContainer .intros{align-items:center;display:flex;height:100%;justify-content:space-between;position:absolute;z-index:3}body .topContainer .intros .intro p{font-size:4em;font-weight:900;letter-spacing:2.5px;margin-bottom:20px;margin-left:200px}body .topContainer .intros .intro #subIntro{font-size:1.5em}body .topContainer .intros .imgDiv{align-items:end;display:flex;height:100%}body .topContainer .intros .imgDiv img{width:30vw}body .toHide:nth-child(3){display:none}body .midContainer{display:flex;gap:10px;justify-content:center;letter-spacing:2px;padding:30px 400px}body .midContainer .questionDiv{padding-right:5px;width:400px}body .midContainer .questionDiv p:not(#successMessage){font-size:2em;font-weight:700;margin-bottom:10px}body .midContainer .questionDiv #successMessage{background-color:aqua;border-radius:3vw;color:#1a2327;padding:5px 5px 5px 10px}body .midContainer .questionDiv input{background-color:initial;border:none;border-bottom:1px solid #fff;color:#fff;font-size:1.25em;height:50px;margin-bottom:20px;outline:none;padding-left:20px;width:350px}body .midContainer .questionDiv .message{box-sizing:border-box;color:#1a2327;font-size:1.25em;height:100px;margin-bottom:20px;outline:#1a2327;padding:5px;width:370px}body .midContainer .questionDiv .message:focus{border:2px solid #1a2327;box-shadow:0 0 4px #fff}body .midContainer .questionDiv button{background-color:initial;border:1px solid #fff;border-radius:5vw;color:#fff;font-size:1.5em;height:50px;width:150px}body .midContainer .questionDiv button:hover{background-color:#fff;color:#292b2c;padding:5px}body .midContainer .Me{border-left:1px solid #fff;padding-left:50px;width:400px}body .midContainer .Me #about{font-size:2.5em;font-weight:700}body .midContainer .Me p{font-size:1.5em;font-weight:700;margin-bottom:30px;margin-left:0}body .midContainer .Me p span{font-weight:100}@-webkit-keyframes successAnimate{0%{display:block}to{display:none}}@keyframes successAnimate{0%{display:block}to{display:none}}@media screen and (max-width:1500px){body .topContainer .intros .intro p{font-size:3em;margin-left:40px}body .topContainer .intros .intro #subIntro{font-size:1.5em}}@media screen and (max-width:1000px){body header ul{font-size:1em}body .topContainer .intros{display:block;justify-content:center;width:100%}body .topContainer .intros .intro p{font-size:1.5em;margin-left:0;text-align:center}body .topContainer .intros .intro #subIntro{font-size:1em}body .topContainer .intros .imgDiv{min-height:35vw;position:relative}body .topContainer .intros .imgDiv img{left:50%;margin:auto;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:700px}body .topContainer{padding:10px}body .midContainer{padding:30px}}@media screen and (max-width:999px){body .topContainer{padding:0}body .topContainer .hexDiv .divs .hex{height:10vw;margin-top:-2.5vw;width:10vw}body .topContainer .intros .intro{background-color:#1a2327;padding:20px}body .topContainer .intros .intro p{font-size:2em}body .midContainer .questionDiv button{font-size:1em}body .topContainer .hexDiv .divs:nth-child(2n){margin-left:5vw}}@media screen and (max-width:750px){body .topContainer .intros .intro{display:none}body .topContainer .intros .intro p{padding:3px}body div#root div div div.intro.toHide{padding:20px}body div#root div div div.intro.toHide p{font-size:2em;letter-spacing:2.5px}body div#root div div div.intro.toHide p#subIntro{font-size:1em}body header ul{gap:20px;justify-content:center;padding-right:20px}body .topContainer{height:30vh}body .toHide:nth-child(3){display:block}body .topContainer .intros .imgDiv img{width:600px}body .midContainer .questionDiv .message{width:280px}body .midContainer{display:block}body .midContainer .Me{border:none;margin-top:50px;padding:0;width:100%}body .midContainer .questionDiv{display:block;width:100%}body .midContainer .Me #about,body .midContainer .questionDiv p{font-size:1.5em}body .midContainer .Me p,body .midContainer .questionDiv button,body .midContainer .questionDiv input{font-size:1em}body .midContainer .questionDiv input{width:250px}body .topContainer{padding:0}}.name{-webkit-animation:animate 3s ease-in-out infinite;animation:animate 3s ease-in-out infinite;color:cyan;transition:1s}@-webkit-keyframes animate{0%,to{text-shadow:0 0 8px #588888}50%{text-shadow:0 0 10px cyan}}@keyframes animate{0%,to{text-shadow:0 0 8px #588888}50%{text-shadow:0 0 10px cyan}}body .headerContainer{font-size:1.5em}body .headerContainer ul{padding:20px}body .headerContainer ul li{border:1px solid gray;box-shadow:0 0 3px 3px #10171b;list-style-type:none;margin-bottom:10px;padding:20px}@media screen and (max-width:750px){body header ul{gap:20px;justify-content:center;padding-right:20px}body .container{font-size:1em}}*{color:#fff;font-family:Ubuntu,Arial,Helvetica,sans-serif;margin:0;padding:0}body{background-color:#1a2327}body .container{font-size:1.5em;height:100vh}body .container,body .container .contactDiv{align-items:center;display:flex;justify-content:center}body .container .contactDiv{background-color:#0e1315;height:700px;overflow:hidden;position:relative;transition:1s;width:700px}body .container .contactDiv .sub{-webkit-animation:rotate 3s linear infinite;animation:rotate 3s linear infinite;background-color:initial;background:linear-gradient(cyan,orange);content:"";height:380px;overflow:hidden;position:absolute;transition:2s;width:1000px}body .container .contactDiv .contact{font-size:1.5em;position:absolute;text-align:center;z-index:10}body .container .contactDiv .contact p{color:#fff}body .container .contactDiv:after{background-color:initial;background-color:#0e1315;content:"";height:695px;left:50%;overflow:hidden;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:695px}@media screen and (max-width:1000px){body header ul{font-size:1em}}@media screen and (max-width:750px){body header ul{gap:20px;justify-content:center;padding-right:20px}body .container{font-size:1em}body .container .contactDiv{height:300px;width:300px}body .container .contactDiv .sub{width:100px}body .container .contactDiv:after{height:295px;width:295px}}@-webkit-keyframes rotate{0%{-webkit-filter:hue-rotate(0deg) blur(50px);filter:hue-rotate(0deg) blur(50px);-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-filter:hue-rotate(1turn) blur(50px);filter:hue-rotate(1turn) blur(50px);-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotate{0%{-webkit-filter:hue-rotate(0deg) blur(50px);filter:hue-rotate(0deg) blur(50px);-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-filter:hue-rotate(1turn) blur(50px);filter:hue-rotate(1turn) blur(50px);-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
/*# sourceMappingURL=main.625eda84.css.map*/