body{margin:0;overflow-x:hidden;overflow-y:hidden;background-color:#0c0a0f;font-family:"Baloo Tamma 2",cursive;color:#fff;transition:background-color .6s ease}::-webkit-scrollbar{background:#2a1c33;width:10px}::-webkit-scrollbar-thumb{background:#504a57}.SuperWrapper{overflow-x:hidden;overflow-y:hidden;height:100vh}.Logo{position:absolute;z-index:97;top:15px;left:10px;width:50px;height:50px;border-radius:50%;background-image:url(/static/media/HomePageLogo.44270534.png);background-position:50%;background-size:contain;background-repeat:no-repeat;cursor:pointer;transition:all .3s ease;background-color:#281c35}.Logo:hover{border-radius:0}.HeaderWrapper{position:relative;display:flex;flex-direction:row;justify-content:flex-end;padding-right:10%;top:30px;transition:all .6s ease}.HeaderItem{z-index:96;cursor:pointer;font-size:16px;letter-spacing:2px;width:auto;padding-left:35px;padding-right:35px;transition:all .6s ease}.HeaderLineThingWrapper{display:flex;z-index:96;justify-content:flex-end;position:relative;height:2px;top:30px;padding-right:10%}.HeaderLineThing{height:1px;width:500px;outline-style:none;border-style:none;margin:0 10px 0 0;transition:all .35s ease;background-image:linear-gradient(90deg,red,#00a2ff)}.RightHeaderWrapper{z-index:2;position:absolute;margin-left:96vw;margin-top:30vh;width:40px;height:140px;transition:all .35s ease}i{color:#fff;transition:color .3s ease}i:hover{color:#5c5c5c}.GitHubButton{width:30px;height:30px;margin:auto;border-radius:50%}.LinkedInButton{width:30px;height:30px;margin:60px auto auto}.MidContent{height:220px;margin-left:100px;top:330px}.MidContent,.MidContentName{position:relative;width:800px;transition:all .6s ease}.MidContentName{overflow:hidden;font-size:70px;height:100px;display:flex;flex-direction:row}.MidContentNameLetter{position:relative;margin-right:16px;bottom:0;transition:bottom .1s ease;cursor:default;padding-bottom:0}.MidContentNameLetter:hover{bottom:10px;color:transparent}.MidContentProffesion{font-size:18px;width:800px;height:30px;cursor:default;transition:all .6s ease}.MidContentAbout{position:relative;font-size:20px;letter-spacing:2px;text-align:center;background-image:linear-gradient(90deg,red,#00a2ff);width:120px;height:32px;top:20px;padding-top:0;cursor:pointer;transition:all .6s ease}.ProjectsSuperWrapper{padding:20px 10px 10px;position:relative;bottom:40px;background-color:#0c0a0f;display:none;overflow-y:scroll;height:100vh;transition:all 1s ease}.EducationSuperWrapper{overflow-y:hidden}.ContactSuperWrapper,.EducationSuperWrapper{display:none;position:relative;top:-30px;width:100vw;height:100vh;overflow-x:hidden}.ContactSuperWrapper{overflow-y:scroll}.AboutMeSuperWrapper{display:none;position:relative;top:-30px;height:100vh;width:100vw;overflow-y:scroll}@media(max-width:1400px){.ProjectsSuperWrapper{padding-top:40px}.RightHeaderWrapper{margin-left:94vw}}@media(max-width:1000px){.RightHeaderWrapper{margin-left:92vw}.MidContent{width:600px;height:160px}.MidContentName{font-size:40px;height:60px;width:600px}.MidContentNameLetter{margin-right:12px}.MidContentNameLetter:hover{bottom:6px}.MidContentProffesion{width:600px}.SpinAnimWrapper{margin-left:100px}.EducationSuperWrapper{overflow-y:scroll}}@media(max-width:750px){.RightHeaderWrapper{margin-left:91vw}.MidContent{width:450px;margin-left:50px;top:200px}.MidContentName{font-size:24px;letter-spacing:15px;height:50px;width:450px}.MidContentNameLetter{margin-right:2px}.MidContentNameLetter:hover{bottom:5px}.MidContentProffesion{font-size:16px;width:450px}.MidContentAbout{padding-top:1px}.HeaderWrapper{padding-right:8%;top:25px}.HeaderItem{padding-left:20px;padding-right:20px}.HeaderLineThingWrapper{top:25px}.HeaderLineThing{margin-right:213px}}@media(max-width:500px){.RightHeaderWrapper{margin-top:20vh;margin-left:85vw}.GitHubButton,.LinkedInButton{font-size:12px}.MidContent{width:380px;top:150px;height:120px}.MidContentName{font-size:26px;letter-spacing:12px;height:40px;width:300px}.MidContentNameLetter{margin-right:0}.MidContentProffesion{width:380px}.MidContentAbout{top:10px;font-size:16px;width:100px;height:30px;padding-top:5px}}@media(max-width:499px){.Logo{top:18px;left:8px;width:35px;height:35px}.HeaderItem{font-size:12px;padding-left:7px;padding-right:7px}.RightHeaderWrapper{margin-top:10vh}.MidContent{width:380px;top:100px;height:120px;margin-left:10px}.MidContentName{font-size:22px;letter-spacing:12px;height:40px;width:270px}.MidContentNameLetter{margin-right:0}}@media(max-height:700px) and (min-width:550px){.MidContent{top:200px}}@media(max-height:400px){.MidContent{top:100px}}.TransitionSuperWrapper{position:absolute;z-index:98}.LoadingWrapper{z-index:99;position:absolute;width:100%;margin-left:-8px}.LoadingThing{position:relative;margin:auto;top:40vh;left:60vw;width:20px;height:20px;border-radius:50%;background-color:#fff;-webkit-animation-name:loading;animation-name:loading;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-delay:.5s;animation-delay:.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes loading{0%{left:0;top:-50vh}50%{left:0;top:40vh}to{left:60vw;top:40vh}}@keyframes loading{0%{left:0;top:-50vh}50%{left:0;top:40vh}to{left:60vw;top:40vh}}.TransitionMainWrapper{border-top:5px solid #fff}@media(orientation:landscape){.TransitionMainWrapper{position:relative;right:70vw;bottom:70vw;width:200vw;height:200vw;background-color:#0c0a0f;transform:rotate(135deg);-webkit-animation-name:move;animation-name:move;-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-delay:1s;animation-delay:1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes move{0%{bottom:70vw;right:70vw}to{bottom:180vw;right:180vw}}@keyframes move{0%{bottom:70vw;right:70vw}to{bottom:180vw;right:180vw}}}@media(orientation:portrait){.TransitionMainWrapper{position:relative;right:70vh;bottom:70vh;width:200vh;height:200vh;background-color:#0c0a0f;transform:rotate(135deg);-webkit-animation-name:move;animation-name:move;-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-delay:1s;animation-delay:1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes move{0%{bottom:70vh;right:70vh}to{bottom:180vh;right:180vh}}@keyframes move{0%{bottom:70vh;right:70vh}to{bottom:180vh;right:180vh}}}a{text-decoration:none;color:#fff}.ProjectsMainAnim{-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.ProjectsMainAnim,.ProjectsMainAnim2{z-index:-2;position:-webkit-sticky;position:sticky;top:1vh;left:1vw;background-color:#0c0a0f;width:1px;height:5px;-webkit-animation:ProjectsMainAnim;animation:ProjectsMainAnim;-webkit-animation-duration:20s;animation-duration:20s}.ProjectsMainAnim2{-webkit-animation-delay:10s;animation-delay:10s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@-webkit-keyframes ProjectsMainAnim{25%{top:0;left:96vw;background-color:transparent}37%{background-color:#fff}50%{top:96vh;left:96vw;background-color:transparent}75%{top:96vh;left:1vw;background-color:transparent}88%{background-color:#fff}to{top:0;left:1vw;background-color:transparent}}@keyframes ProjectsMainAnim{25%{top:0;left:96vw;background-color:transparent}37%{background-color:#fff}50%{top:96vh;left:96vw;background-color:transparent}75%{top:96vh;left:1vw;background-color:transparent}88%{background-color:#fff}to{top:0;left:1vw;background-color:transparent}}.ProjectSectionWrapper{display:flex;flex-direction:row;margin-left:125px;margin-top:50px;width:900px;padding:50px 20px 20px;border-top:1px solid;border-image-source:linear-gradient(90deg,#0c0a0f,#292231,#0c0a0f);border-image-slice:1;transition:all .4s ease}.ProjectDescriptionWrapper{color:#d4d4d4;font-size:14px;position:relative;height:354px;width:480px;transition:all .4s ease}.ProjectDescription{height:150px;width:100%;padding:20px 10px 10px;letter-spacing:1px;cursor:default;transition:all .4s ease}.LinkElement{margin:none;bottom:8px;border-style:none;outline-style:none;text-decoration:none;color:#fff}.LinkElement,.ProjectButtonOne{position:relative;height:40px;width:110px;transition:all .4s ease}.ProjectButtonOne{background-color:#faf7d0;border-radius:5px;margin:auto;bottom:75px;color:#0c0a0f;cursor:pointer}.ProjectButtonTwo{position:relative;height:38px;width:108px;border-radius:5px;margin:auto;border:1px solid #fff;cursor:pointer;transition:all .3s ease}.ProjectButtonTwo:hover{background-color:#faf7d0;color:#000;border:1px solid #faf7d0}.ProjectButtonText{margin:auto;position:relative;top:6px;width:85%;font-size:18px;text-align:center;letter-spacing:2px;transition:all .4s ease}.ProjectDescriptionButtons{display:flex;flex-direction:row;height:174px;width:300px;transition:all .4s ease}.ProjectCardWrapper{width:250px;height:450px;margin:auto 150px auto auto;box-shadow:8px 8px 8px rgba(0,0,0,.4);border:1px solid;border-image-source:linear-gradient(100deg,#281e31,transparent,transparent);border-image-slice:1;border-bottom-right-radius:2px;border-top-right-radius:2px;transition:all .4s ease}.ProjectPicWrapper{z-index:98;background-image:linear-gradient(90deg,red,#00a2ff);width:100%;height:225px;border-bottom:1px solid;border-image:linear-gradient(90deg,red,#00a2ff);border-image-slice:1;transition:all .4s ease}.ProjectPic{position:relative;background-color:#958eb8;background-repeat:no-repeat;background-position:50%;background-size:cover;width:150%;height:90%;top:5%;left:3%;border:1px solid;border-image-source:linear-gradient(110deg,#aaa,transparent,#0c0a0f);border-image-slice:1;border-bottom-right-radius:2px;border-top-right-radius:2px;box-shadow:inset 0 0 30px #0c0a0f;transition:all .4s ease}.ProjectPic:hover{background-color:#faf7d0}.ProjectMidDesign{position:relative;z-index:31;width:60px;height:60px;bottom:31px;left:90px;transition:all .4s ease}.ProjectMidDesignTop{height:30px;width:60px;border-left:1px solid transparent;border-right:1px solid transparent;border-bottom:1px solid #0c0a0f}.ProjectMidDesignBottom{height:20px;width:60px;border-right:1px solid #59647c;border-left:1px solid #a7596c;text-align:center}.ProjectLinesIcon{color:#ececec}.ProjectTitleWrapper{position:relative;background-image:linear-gradient(90deg,#faf7d0,#faf7d0,#faf7d0,transparent);width:100%;height:50px;bottom:20px;transition:all .5s ease;transition:all .4s ease}.ProjectTitleWrapper:hover{width:900px}.ProjectTitle{font-size:22px;letter-spacing:4px;color:#140f18}.ProjectShortDescription,.ProjectTitle{text-align:center;width:100%;height:25px;transition:all .4s ease}.ProjectShortDescription{font-size:12px;letter-spacing:2px;color:#646464}.ProjectTechUsedWrapper{overflow-x:hidden;z-index:29;position:absolute;float:right;width:100%;height:70px}.ProjectTechUsed{position:relative;float:right;margin-top:5px;display:grid;grid-template-columns:auto auto auto auto auto auto auto auto auto;width:auto}.ProjectFooter{z-index:30;position:relative;bottom:20px;padding-top:20px;display:flex;flex-direction:row;width:100%;height:65px;background-color:#0c0a0f;cursor:default;transition:background-color 1s ease}.ProjectFooterSection{width:80px;height:60px;text-align:center;letter-spacing:1px;border-top:1px solid;border-image:linear-gradient(90deg,#0c0a0f,#1d1624,#0c0a0f);border-image-slice:1;color:#ececec;font-size:14px;margin:10px auto auto}.ProjectFooterTitle{border-bottom:1px solid;border-image:linear-gradient(90deg,#0c0a0f,#281e31,#0c0a0f);border-image-slice:1}.ProjectFooterDesc{font-size:12px;color:#faf7d0;margin-top:5px;border-bottom:1px solid;border-image:linear-gradient(90deg,#0c0a0f,#433352,#0c0a0f);border-image-slice:1}@media(max-width:1150px){.ProjectSectionWrapper{width:750px;margin-left:70px;padding-top:40px;padding-bottom:40px;padding-left:0}.ProjectDescriptionWrapper{font-size:13px;width:450px}.ProjectDescription{height:130px;padding:15px 0 0}.LinkElement{bottom:-10px;height:28px;width:93px}.ProjectButtonOne{background-color:#faf7d0;height:30px;width:95px;bottom:62px}.ProjectButtonTwo{height:28px;width:93px}.ProjectButtonText{top:3px;font-size:15px}.ProjectDescriptionButtons{width:250px}.ProjectCardWrapper{width:200px;height:370px;margin-right:120px}.ProjectPicWrapper{height:180px}.ProjectMidDesign{left:70px}.ProjectTitleWrapper{height:40px}.ProjectTitle{height:22px;font-size:20px;letter-spacing:3px}.ProjectShortDescription{padding-top:1px;font-size:11px;height:18px}.ProjectFooterSection{width:80px;font-size:12px}.ProjectFooterDesc{font-size:11px;margin-top:4px}}@media(max-width:845px){.ProjectSectionWrapper{width:400px;margin-left:60px;flex-direction:column}.ProjectDescriptionWrapper{margin-left:10px;font-size:13px;width:300px;height:100px}.ProjectDescription{display:none}.LinkElement{bottom:-10px;height:32px}.ProjectButtonOne{height:34px;bottom:-1px}.ProjectButtonTwo{height:32px}.ProjectButtonText{top:5px}.ProjectDescriptionButtons{margin-top:20px;width:310px;height:50px}.ProjectCardWrapper{width:300px;height:360px;margin:auto}.ProjectPic{width:280px}.ProjectMidDesign{left:120px}}@media(max-width:600px){.ProjectSectionWrapper{margin-left:20px}}@media(max-width:499px){.ProjectSectionWrapper{width:290px;margin-left:0;flex-direction:column}.ProjectDescriptionWrapper{margin-left:10px;font-size:13px;width:290px;height:100px}.ProjectDescription{display:none}.LinkElement{bottom:-10px;height:32px}.ProjectButtonOne{height:34px;bottom:-1px}.ProjectButtonTwo{height:32px}.ProjectButtonText{top:5px}.ProjectDescriptionButtons{margin-top:20px;width:240px;height:50px}.ProjectCardWrapper{width:250px;height:360px;margin:auto}.ProjectPic{width:232px}.ProjectMidDesign{left:95px}}.ProjectTechNugget{color:#646464;background-color:#faf7d0;font-size:12px;padding-left:5px;padding-right:5px;width:auto;height:18px;margin-top:5px;margin-right:8px;transition:all .2s ease;text-align:center;border-radius:3px;letter-spacing:1px;transition:all .4s linear;cursor:default}@media(max-width:1150px){.ProjectTechNugget{font-size:11px;padding-left:3px;padding-right:3px;height:16px;margin-right:7px}}.ReadMoreSuperWrapper{cursor:cell;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;bottom:15px;left:10px;color:grey;transition:all .4s ease}@media(max-width:1150px){.ReadMoreSuperWrapper{cursor:cell;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;bottom:-8px;left:200px}}@media(max-width:499px){.ReadMoreSuperWrapper{left:100px}}.EducationSectionWrapper{position:relative;top:35vh;width:1400px;height:100px;margin:auto;transition:all 1s ease;cursor:default;transform:scale(1) rotate(0deg)}.TimeLineFeatureSuperWrapper{width:1400px;height:100px;border-left:1px solid #8a8a8a;border-right:1px solid #8a8a8a;transition:all 1s ease}.TimeLineWrapper{display:flex;position:relative;top:49px;width:1400px;height:1px;background-color:#8a8a8a;transition:all 1s ease}.TimeLineBeginningText{position:absolute;top:-72px;left:-28px;font-size:14px;transition:all 1s ease}.TimeLineInBetweenYearWrapper{position:relative;top:-40px;width:1px;height:40px;margin-left:20%;background-color:#8a8a8a;transition:all 1s ease}.TimeLineInBetweenYearText{position:relative;top:-20px;left:-14px;font-size:14px;color:#d8bfd8;transition:all 1s ease}.TimeLinePresentText{position:absolute;top:-72px;left:1372px;font-size:14px;transition:all 1s ease}.TimeLineNodesWrapper{display:flex;position:absolute;top:-10px;width:1400px;height:20px;transition:all 1s ease}@media(max-width:1665px){.EducationSectionWrapper{transform:scale(.8) rotate(0deg)}}@media(max-width:1400px){.EducationSectionWrapper{width:840px;transform:scale(1) rotate(0deg)}.TimeLineFeatureSuperWrapper{width:840px;height:60px}.TimeLineWrapper{width:840px}.TimeLineBeginningText{position:absolute;top:-72px;left:-26px;font-size:12px}.TimeLineInBetweenYearText{top:-20px;left:-12px;font-size:12px}.TimeLinePresentText{position:absolute;top:-72px;left:820px;font-size:12px}.TimeLineNodesWrapper{display:flex;position:absolute;top:-6px;width:840px;height:12px}}@media(max-width:1000px){.EducationSectionWrapper{width:40px;top:100px;margin-bottom:1000px;transform:scale(1) rotate(90deg)}.TimeLineBeginningText{top:-80px;left:-12px;transform:rotate(-90deg)}.TimeLineInBetweenYearText{left:1px;transform:rotate(-90deg)}.TimeLinePresentText{top:-80px;left:830px;transform:rotate(-90deg)}}.TimeLineNode{position:absolute;width:10px;height:20px;background-color:#6feff3;transition:all 1s ease;cursor:pointer}.TimeLineNodeContentDate{text-align:center;font-size:18px}.TimeLineNodeContentTitle{text-align:center;font-size:16px;color:#6feff3}.TimeLineNodeContentDescription{text-align:center;font-size:14px}.TimeLineNodeContentWrapper{display:none;position:relative;top:20px;left:-100px;width:200px;height:300px;transition:all 1s ease;transform:scale(1) rotate(0deg)}.ActiveNode{display:block;-webkit-animation:show .4s ease-in-out;animation:show .4s ease-in-out}.InactiveNode{display:block;transform:scale(0) rotate(0deg);-webkit-animation:hide .3s ease-in-out;animation:hide .3s ease-in-out}@media(max-width:1400px){.TimeLineNode{height:12px}.TimeLineNodeContentDate{font-size:14px}.TimeLineNodeContentTitle{font-size:13px}.TimeLineNodeContentDescription{font-size:12px}}@media(max-width:1000px){.TimeLineNodeContentWrapper{top:-45px;left:45px;width:150px}.ActiveNode{-webkit-animation:showRotate .4s ease-in-out;animation:showRotate .4s ease-in-out;transform:scale(1) rotate(-90deg)}.InactiveNode{-webkit-animation:hideRotate .3s ease-in-out;animation:hideRotate .3s ease-in-out}}@-webkit-keyframes show{0%{transform:scale(0) rotate(0deg)}to{transform:scale(1) rotate(0deg)}}@keyframes show{0%{transform:scale(0) rotate(0deg)}to{transform:scale(1) rotate(0deg)}}@-webkit-keyframes hide{0%{transform:scale(1) rotate(0deg)}to{transform:scale(0) rotate(0deg)}}@keyframes hide{0%{transform:scale(1) rotate(0deg)}to{transform:scale(0) rotate(0deg)}}@-webkit-keyframes showRotate{0%{transform:scale(0) rotate(0deg)}to{transform:scale(1) rotate(-90deg)}}@keyframes showRotate{0%{transform:scale(0) rotate(0deg)}to{transform:scale(1) rotate(-90deg)}}@-webkit-keyframes hideRotate{0%{transform:scale(1) rotate(-90deg)}to{transform:scale(0) rotate(0deg)}}@keyframes hideRotate{0%{transform:scale(1) rotate(-90deg)}to{transform:scale(0) rotate(0deg)}}.AboutSectionWrapper{height:100vh;position:relative;top:80px;transition:all .4s ease}.AboutTitle{text-align:center;margin-bottom:10px;margin-top:10px;font-size:17px;transition:all .4s ease}.AboutSkillsWrapper{margin:auto;width:600px;display:grid;grid-template-columns:auto auto;transition:all .4s ease}.AboutSkills{text-align:center;width:300px;color:#c2e8ff}.AboutSkills,mark{transition:all .4s ease}mark{background-color:rgba(194,232,255,.281);color:#fff;border-radius:3px}.AboutMessageOne{letter-spacing:1px;margin:auto;padding:10px;color:#e3e4d5;font-size:15px}.AboutMessageOne,.AboutWEWrapper{width:600px;transition:all .4s ease}.AboutWEWrapper{display:flex;margin:10px auto auto}.AboutWEPosition{left:10px;color:#e3e4d5}.AboutWEPosition,.AboutWETime{position:relative;top:6px;font-size:14px;transition:all .4s ease}.AboutWETime{left:200px;color:#c2e8ff}.greenstarLogo{width:120px;height:35px;background-image:url(/static/media/greenstaarWhite.db7e6195.png);background-position:50%;background-repeat:no-repeat;background-size:contain;transition:all .4s ease}@media(max-width:1000px){.AboutSkillsWrapper{width:420px}.AboutSkills{width:210px;font-size:15px}.AboutMessageOne{width:400px;font-size:14px}.AboutWEWrapper{width:400px}.AboutWETime{left:20px}}@media(max-width:499px){.AboutSkillsWrapper{width:340px}.AboutSkills{width:170px;font-size:11px}.AboutMessageOne{width:300px;font-size:12px}.AboutWEWrapper{width:340px}.AboutWEPosition{top:3px;left:5px;font-size:12px}.AboutWETime{top:3px;left:15px;font-size:12px}.greenstarLogo{width:90px;height:25px}}.ContactSectionWrapper{height:600px;position:relative;top:80px;transition:all .4s ease}.ContactFormWrapper{width:800px;height:350px;margin:100px auto auto;transition:all .4s ease}.EmailInputWrapper{width:400px;height:60px;float:left;transition:all .4s ease}.EmailInput{background-color:#2b2b2b;width:290px;height:40px;margin-left:100px;border-style:none;outline-style:none;color:#fff;text-align:center;transition:all .4s ease;font-family:"Baloo Tamma 2",cursive}.EmailInput:hover{background-color:#242424}.ReasonInputWrapper{width:400px;height:60px;float:right;transition:all .4s ease}.ReasonInput{background-color:#2b2b2b;width:290px;height:40px;margin-left:10px;border-style:none;outline-style:none;color:#fff;text-align:center;transition:all .4s ease;font-family:"Baloo Tamma 2",cursive}.ReasonInput:hover{background-color:#242424}.MessageInputWrapper{width:800px;height:300px;transition:all .4s ease}.MessageInput{background-color:#2b2b2b;position:relative;width:585px;height:200px;margin-left:100px;margin-top:30px;padding:10px;resize:none;border-style:none;outline-style:none;color:#fff;transition:all .4s ease;font-family:"Baloo Tamma 2",cursive;letter-spacing:1px}.MessageInput:hover{background-color:#242424}.MessageCount{width:90px;margin-left:80%;color:#d6d6d6;transition:all .4s ease}.ContactSubmitWrapper{position:relative;width:100px;height:30px;margin-top:20px;margin-left:100px;transition:all .4s ease;bottom:0}.ContactSubmit{width:90px;height:28px;border-style:none;outline-style:none;font-size:18px;background-color:#482b64;background-image:linear-gradient(90deg,red,#00a2ff);font-family:"Baloo Tamma 2",cursive;color:#fff;letter-spacing:2px;transition:all .4s ease;cursor:pointer}@media(max-width:800px){.ContactFormWrapper{width:500px;margin-top:60px}.EmailInputWrapper{width:250px}.EmailInput{width:200px;margin-left:20px}.ReasonInputWrapper{width:250px}.ReasonInput{width:200px;margin-left:25px}.MessageInputWrapper{width:500px}.MessageInput{width:440px;margin-left:20px}.ContactSubmitWrapper{margin-left:21px}}@media(max-width:590px){.ContactFormWrapper{width:300px;margin-top:0}.EmailInputWrapper{width:250px;float:none;margin:auto}.EmailInput{width:200px;height:30px;margin-left:25px}.ReasonInputWrapper{width:250px;float:none;margin:auto}.ReasonInput{width:200px;height:30px;margin-left:25px}.MessageInputWrapper{width:300px}.MessageInput{width:280px;height:150px;margin-left:0;margin-top:10px}.ContactSubmitWrapper{bottom:130px;margin-left:0}}@media(max-width:499px){.MessageInput{width:210px;margin-left:35px}.ContactSubmitWrapper{margin-left:36px}}.ModalSuperWrapper{display:none;z-index:98;overflow:hidden;position:absolute;width:1000px;height:600px;left:0;right:0;top:100px;margin-left:auto;margin-right:auto;border-radius:10px;transition:all .4s ease}.ModalHeaderSuperWrapper{width:100%;height:3%;opacity:.5;background-image:linear-gradient(90deg,red,#00a2ff)}.ModalTitle{color:#fff;text-align:center;border-left:1px solid rgba(255,0,0,.494);border-right:1px solid rgba(0,162,255,.501);border-bottom:1px solid #000;background-color:rgba(8,4,10,.912)}.ModalBodySuperWrapper{overflow-y:scroll;overflow-x:hidden;width:100%;height:94%;background-color:rgba(8,4,10,.912);-webkit-animation-name:ModalOpen;animation-name:ModalOpen;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}.ModalBodyWrapper{width:800px;margin:20px auto auto;padding:20px;letter-spacing:2px;font-size:14px;color:#e3e4d5}.ModalFooterSuperWrapper{width:100%;height:3%;opacity:.01;background-image:linear-gradient(90deg,red,#00a2ff);-webkit-animation-name:Fade;animation-name:Fade;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}.ActiveModal{display:block}@-webkit-keyframes ModalOpen{0%{height:0%;width:0}50%{height:94%;width:0}to{width:100%}}@keyframes ModalOpen{0%{height:0%;width:0}50%{height:94%;width:0}to{width:100%}}@-webkit-keyframes Fade{0%{opacity:.5}to{opacity:0}}@keyframes Fade{0%{opacity:.5}to{opacity:0}}@media(max-width:1150px){.ModalSuperWrapper{width:600px}.ModalBodyWrapper{width:500px;padding:15px}}@media(max-width:750px){.ModalSuperWrapper{width:400px}.ModalBodyWrapper{width:340px;padding:15px;font-size:11px}}@media(max-width:510px){.ModalSuperWrapper{width:300px}.ModalBodyWrapper{width:270px;padding:4px}}@media(max-height:750px){.ModalSuperWrapper{height:500px;top:80px}}@media(max-height:650px){.ModalSuperWrapper{height:400px;top:60px}}@media(max-height:510px){.ModalSuperWrapper{height:300px;top:50px}}
/*# sourceMappingURL=main.0e0e4e69.chunk.css.map */