body,html{scroll-behavior:smooth;margin:0;font-family:"Raleway",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.App{text-align:center;display:flex;flex-direction:column;justify-content:flex-start;height:auto;width:100%}.MainWindowContainer{position:relative}.MainText,.MainWindowContainer{margin:0;padding:0;background-color:#000}.MainText{position:absolute;display:flex;flex-direction:column;text-align:center;top:45%;left:50%;transform:translate(-50%,-50%);color:#fff;border:2px solid #f5f5f5;width:85%;max-width:500px;-webkit-animation:blury 4s;animation:blury 4s;background-color:rgba(0,0,0,.7)}.MainText h2{font-size:1.7rem;padding:0;margin:.7em 0 0;z-index:2}.MainText p{margin-top:.6em}.findMoreDiv{position:absolute;display:flex;justify-content:center;text-align:center;top:59%;left:50%;transform:translate(-50%,-50%);color:#fff;border:2px solid #f5f5f5;width:85%;max-width:300px;padding:0;margin:0;background-color:rgba(179,19,19,.7);opacity:0;-webkit-animation:appear 2s;animation:appear 2s;-webkit-animation-delay:3s;animation-delay:3s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.findMoreDiv a,.findMoreDiv a h4{padding:0;margin:5px;text-decoration:none;color:#fff;font-size:1rem}.MainGif{position:absolute;top:75%;left:50%;transform:translate(-50%,-50%);opacity:0;-webkit-animation:appear 2s;animation:appear 2s;-webkit-animation-delay:5s;animation-delay:5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes blury{0%{-webkit-filter:blur(4px);filter:blur(4px)}to{-webkit-filter:blur(0);filter:blur(0)}}@keyframes blury{0%{-webkit-filter:blur(4px);filter:blur(4px)}to{-webkit-filter:blur(0);filter:blur(0)}}@-webkit-keyframes appear{0%{opacity:0}to{opacity:1}}@keyframes appear{0%{opacity:0}to{opacity:1}}@media only screen and (max-width:600px){body{background-color:#add8e6}}.AboutMainContainer{height:1450px;background-color:#fff;max-width:1200px;margin:0 auto}.AboutHeader,.AboutMainContainer{width:100%;display:flex;flex-direction:column}.AboutHeader{height:9%;justify-content:flex-end;align-items:center;font-size:1.5rem;margin-bottom:20px}.AboutHeader h2{margin:2%}.AboutLine{height:5px;width:100px;background-color:teal}.AboutMainHighlights{display:flex;flex-wrap:wrap;justify-content:space-around;width:100%;height:25%;margin-top:5%}.CardContainer{min-width:23%;width:45%;margin:2%}.title h4{margin:4px 0}.text{margin:0;padding:0}.text p{margin:0;font-size:.7rem}.icon img{-webkit-filter:invert(28%) sepia(80%) hue-rotate(-180deg) saturate(3);filter:invert(28%) sepia(80%) hue-rotate(-180deg) saturate(3)}.SkillSet{height:52%;margin:0;padding:0}.AboutSkills,.SkillSet{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.AboutSkills{height:100%}.SkillArrContainer{width:100%;height:90%;display:flex;flex-direction:column;justify-content:center;align-items:center}.MainSkillContainer{width:85%;height:20px;padding:0;display:flex;margin:1.2% 0;overflow:hidden}.SkillNameContainer{background-color:#000;width:25%;justify-content:center;color:#fff;font-size:.7rem}.SkillBar,.SkillNameContainer{height:100%;display:flex;align-items:center}.SkillBar{width:75%;background-color:#dcdcdc;overflow:hidden;justify-content:space-between;padding-right:1%;font-size:.6rem}.SkillBarFill{width:80%;height:100%;background-color:#a9a9a9}.AboutIntro{width:100%;height:48%;justify-content:center}.AboutFrame,.AboutIntro{display:flex;align-items:center}.AboutFrame{flex-direction:column;justify-content:flex-start;width:280px;height:400px;box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12)}.AboutPic{margin-top:5%;width:90%;height:62%}.AboutPic img{object-fit:cover;width:100%;height:100%;object-position:center}.AboutIntro p{text-align:center;font-size:.68rem;width:90%;margin:0 auto;padding:3%;border-top:1px solid #000}.AboutIntro h2{margin:2%}.AboutSkills_Intro{width:100%;height:63%}@media only screen and (min-width:500px){.AboutMainContainer{height:1500px}}@media only screen and (min-width:800px){.AboutIntro p{font-size:.9rem}.AboutMainContainer{height:1100px}.AboutHeader{height:12%;margin-top:2%}.AboutMainHighlights{flex-direction:row;margin:0}.AboutFrame{width:430px;height:550px}.CardContainer{width:22%;margin:1%;text-align:center}.CardContainer h4{font-size:1.4rem}.CardContainer p{font-size:1rem;width:70%;margin:0 auto}.AboutSkills{max-height:550px}.AboutSkills_Intro{display:flex;justify-content:space-around;align-items:center;height:63%}.SkillSet{height:100%;width:45%}.MainSkillContainer{height:25px}.AboutIntro{height:100%;width:45%}}.ProjectsWrapper{width:100%;height:100%;background-color:#f5f5f5}.ProjectsMainContainer{height:auto;background-color:#f5f5f5;justify-content:flex-start;max-width:1200px;margin:0 auto}.ProjectsHeader,.ProjectsMainContainer{width:100%;display:flex;flex-direction:column;align-items:center}.ProjectsHeader{height:100px;max-height:100px;justify-content:flex-end;font-size:1.5rem;margin-top:2%}.ProjectsHeader h2{margin:2%}.ProjectsLine{height:5px;width:100px;background-color:teal}.ProjectsList{width:100%;height:auto;justify-content:space-around;flex-wrap:wrap}.ProjectCard,.ProjectsList{display:flex;align-items:center}.ProjectCard{width:70%;height:400px;box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);flex-direction:column;justify-content:start;background-color:#fff;margin:2%}.ProjectCardImg{width:100%;height:50%;border-bottom:1px solid #000}.ProjectCardImg img{object-fit:cover;object-position:center;object-position:top;width:100%;height:100%}.ProjectCardText{width:100%;height:50%;margin:0;padding:0;vertical-align:center;display:flex;flex-direction:column;justify-content:space-around;align-items:center}.ProjectCardText h2{padding:2%;width:96%;margin:0;font-size:1.5rem;color:#fff;background-color:#000;box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12)}.ProjectCardText a,.ProjectCardText p{font-size:.7rem;text-align:center;width:96%;margin:1% 1% 0;vertical-align:center}.ProjectsButtons{width:96%;display:flex;justify-content:center;align-items:center}.ProjectCardText a{border:2px solid #000;padding:1%;font-size:.5rem;width:30%;font-weight:700;text-decoration:none;color:#000}.ProjectCardText a:hover{background:#000;color:#fff}@media only screen and (min-width:500px){.ProjectCard{width:45%;margin:2%}}@media only screen and (min-width:800px){.ProjectCard{width:31%;margin:1%}.ProjectCardText a,.ProjectCardText p{font-size:.6rem;margin:2%}}@media only screen and (min-width:900px){.ProjectCardText a,.ProjectCardText p{font-size:.9rem}}.ContactMainContainer{width:100%;height:100%;background-color:#000;margin:0;padding:0}.ContactHeader{width:100%;height:10%;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:1.5rem;color:#fff}.ContactHeader h2{margin:2%}.ContactLine{height:5px;width:100px;background-color:teal}.ContactText{color:#fff}.ContactForm{width:100%;height:45%;display:flex;justify-content:center}.ContactForm form{width:85%;display:flex;flex-direction:column;justify-content:space-around}.ContactForm form input{height:13%;background-color:#252525;padding-left:10px;color:#fff}.ContactForm form textarea{height:35%;background-color:#252525;padding:10px;color:#fff}.ContactForm form input[type=submit]{background-color:rgba(179,19,19,.7)}.ContactSocialMedia{color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center}.ContactSocialIcons{width:85%;display:flex;justify-content:space-around}.ContactSocialIcons a{width:15%;height:100px;display:flex;justify-content:center}.ContactSocialIcons a img{width:50px;height:50px;transition-property:box-shadow;transition-duration:.5s}.ContactSocialMedia h4,.ContactSocialMedia h5{margin:15px 0}.ContactSocialMedia img{margin:3%;height:60px}.ContactWrapper{width:100%;max-width:500px;height:550px;margin:0 auto;display:flex;flex-direction:column;justify-content:center;align-items:center}.ContactSocialIcons a img:hover{box-shadow:0 0 15px #fff;border-radius:14%}nav{height:55px;background-color:rgba(0,0,0,.8);margin:0;display:flex;justify-content:flex-end;align-items:center;z-index:1;position:-webkit-sticky;position:sticky;top:0}.container{width:60px;height:60px;display:inline-block;cursor:pointer;margin:10px;position:absolute;left:5%}.bar1,.bar2,.bar3{width:35px;height:5px;background-color:#fff;margin:6px 10px;transition:.4s}.change .bar1{transform:rotate(-45deg) translate(-8px,7px)}.change .bar2{opacity:0}.change .bar3{transform:rotate(45deg) translate(-8px,-8px)}nav ul.mobileNav{flex-direction:column;list-style:none;height:100%;margin:0;padding:0}nav ul.mobileNav,nav ul.mobileNav li{position:absolute;width:100%;display:flex;justify-content:center;align-items:center;top:0;z-index:-5}nav ul.mobileNav li{height:53px;background-color:rgba(0,0,0,.3);border-bottom:2px solid #fff;color:#000;transition:top 1s;text-decoration:none}.liHome{top:55px!important}.liAbout{top:110px!important}.liProjects{top:165px!important}.liContact{top:220px!important}nav ul li a{text-decoration:none}ul.desktopNav{width:50%;justify-content:space-around;list-style:none;display:none;margin:0;padding:0}ul.desktopNav li a{color:#fff!important;z-index:5;display:none;font-size:1.5rem;-webkit-filter:blur(0);filter:blur(0);transition:-webkit-filter .5s;transition:filter .5s;transition:filter .5s,-webkit-filter .5s}@media only screen and (min-width:500px){ul.mobileNav li a{display:none}ul.desktopNav li a:hover{-webkit-filter:blur(2px);filter:blur(2px)}.burger{display:none}nav{justify-content:center}ul.desktopNav,ul.desktopNav li a{display:flex}}
/*# sourceMappingURL=main.54f0141d.chunk.css.map */