body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}*{margin:0;padding:0;box-sizing:border-box;--primary-color:#f8f8f3;--secondary-color:#261e1e;font-family:Poppins,"sans-serif"}:root:before{background-image:radial-gradient(circle farthest-side at top right,transparent,#0d64ff),radial-gradient(ellipse farthest-corner at 0 100%,transparent,rgba(255,0,162,.9529411764705882));-webkit-animation:bg-change 10s infinite;animation:bg-change 10s infinite}body{object-fit:cover;height:100vh}body:before{content:"";position:fixed;z-index:-100;width:100%;height:100%;background-image:radial-gradient(circle farthest-side at top right,transparent,#0d64ff),radial-gradient(ellipse farthest-corner at 0 100%,transparent,rgba(255,0,162,.9529411764705882));-webkit-animation:bg-change 10s infinite;animation:bg-change 10s infinite}@-webkit-keyframes bg-change{0%,to{-webkit-filter:hue-rotate(0deg);filter:hue-rotate(0deg)}50%{-webkit-filter:hue-rotate(-45deg);filter:hue-rotate(-45deg)}}@keyframes bg-change{0%,to{-webkit-filter:hue-rotate(0deg);filter:hue-rotate(0deg)}50%{-webkit-filter:hue-rotate(-45deg);filter:hue-rotate(-45deg)}}.App{text-align:center;transition:1s ease-in-out;opacity:0}.loader-wrapper{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;opacity:1;z-index:5}.App-header{width:100%}.Header-contents{display:flex;width:100%;justify-content:space-between}.Navigator{display:flex;width:50%;margin:auto 10px}.nav-links{display:flex;justify-content:space-between;width:100%;padding:5px 0}.mobile-toggle{width:1%}.header-hero{height:800px;background-image:url(/my-react-portfolio/static/media/matrix.7327afd2.gif);background-repeat:repeat-x}.header-text{padding:10% 15%;font-size:30px;color:beige}.red-font{color:#a70202}.green-font,.red-font{text-shadow:#fff 1px 0 10px}.green-font{color:#098809}.header-icons-block{display:flex;justify-content:space-around;width:25%;margin:15px auto}.header-slogan{font-size:20px}.header-icons{height:60px;border-radius:100px;scale:.8;transition:.2s ease-in-out}.header-icons:hover{background-color:#fff;scale:1}.header-btns-blocks{display:flex;width:700px;margin:0 auto;justify-content:space-around}.header-btns{display:inline-block;height:70px;width:250px;border-radius:10px;margin:0 auto}.learn-me{background-image:url(/my-react-portfolio/static/media/learn-me-still.8b22e8d8.gif);background-size:cover}.learn-me:hover{transition:.5s ease-in-out;background-image:url(/my-react-portfolio/static/media/learn-me-active.686a6610.gif)}.view-projects{background-image:url(/my-react-portfolio/static/media/view-projects-still.efb2197c.gif);background-size:cover}.view-projects:hover{background-image:url(/my-react-portfolio/static/media/view-projects-active.684d10e5.gif);transition:.5s ease-in-out}.App-body{background-color:var(--primary-color);display:flex;flex-direction:column;font-size:calc(10px + 2vmin)}.body-divs{width:1000px;margin:30px auto;transition:.5s ease-in-out;opacity:0;scale:.97}.body-divs:hover{scale:1}.body-texts{font-size:18px;line-height:1.5;font-family:var(--primary-font)}.left{align-items:left;text-align:left}.title{display:inline-block;background:linear-gradient(0deg,rgba(20,195,204,.8784313725490196) 50%,#f8f8f3 0)}.section-content{margin:15px auto}.row{display:flex;justify-content:space-evenly}.col{width:100%;margin:0 auto}.home-btns{display:inline-block;padding:10px;background-color:#14c2cc;transition:.5s ease-in-out;scale:.9;text-align:center;width:100%}.home-btns:hover{-webkit-transform:rotateX(-1turn);transform:rotateX(-1turn);background-color:orange;scale:1.1}.about-des{width:65%}.skills{display:flex;justify-content:space-between}.skills>div{border-right:3px solid orange;flex:1 1}.skills>div:last-child{border-right:0}.technologies{display:flex;flex-wrap:wrap;margin:10px auto;justify-content:center}.technologies-box{margin:15px;scale:.8;transition:1s ease-in-out}.technologies-logos{display:block;height:75px;width:75px;border-radius:50px;margin:0 auto}.technologies-names{display:inline-block;background-color:rgba(8,51,126,.9568627450980393);color:beige;font-size:15px;padding:3px 15px}.projects-display{display:flex;flex-wrap:wrap}.app-box{margin:25px auto;width:400px;height:450px;transition:.7s ease-in-out;scale:.2;overflow:hidden}.app-box>img{width:100%}.container--content{margin:0 10px}.container--overlay{position:absolute;top:0;left:0;height:100%;background:linear-gradient(0deg,rgba(0,0,0,.6) 65%,rgba(0,0,0,0));opacity:1;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:2}.container--overlay:hover{opacity:0;transition:all .25s ease-in-out}.app-options-box{position:absolute;top:0;left:0;height:0;width:0;opacity:1;display:none;flex-direction:column;align-items:center;justify-content:center;transition:.5s ease-in-out;z-index:5}.app-options{display:block;height:50%;width:100%}.projectBtns{display:flex;transition:.3s ease-in-out;color:#fff;font-family:var(--primary-font);font-weight:600;scale:1}.projectBtns:hover{scale:1.15;text-decoration:underline;text-underline-offset:8px}.contact-block{margin:0 auto}.contact-list{display:flex;margin:25px 0;transition:.5s ease-in-out;scale:.2}.contact-list>*{flex:1 1}.effect-icons{scale:.8}.effect-icons:hover{scale:1}.facts-quotes{display:flex;margin:20px;justify-content:center}.aboutme-blocks{width:50%;margin:auto 15px;justify-content:center}.aboutme--quotes{font-size:22px;font-family:Raleway}.aboutme-gifs-block{display:flex;justify-content:space-around;margin:50px auto;transition:1s ease-in-out;width:75%}.gifs{display:block;height:100px;width:100px;border-radius:50px;margin:0 auto;transition:.5s ease-in-out;scale:.2}.about-projects{display:flex;justify-content:space-between;margin:25px auto}.projects-logos{display:block;height:100px;width:100px;border-radius:50px;margin:0 auto}.aboutme--carousel{background-color:#14c2cc}.carousel-container{height:200px;display:flex;justify-content:center;border:3px solid orange}.carousel--div{width:80%;margin:auto;display:flex;flex-wrap:nowrap;overflow:hidden}.carousel---block{min-width:100%}.carousel---block,.carousel-item{width:100%;transition:1s cubic-bezier(.1,.1,.1,1.5);margin:auto}.single-app-image-div{height:auto;width:90%;margin:10px auto;overflow:hidden}.single-app-image{width:100%}.App-footer{padding:15px 0;display:flex;justify-content:space-around}.footer-font{width:30%}.footer-icons-img{margin:auto}.navBtns{display:flex;padding:10px;transition:.3s ease-in-out;color:#fff;font-family:var(--primary-font);font-weight:600;scale:1}.navBtns:last-child{border:2px solid #fff}.links{font-size:25px;font-weight:400;color:#fff}.navBtns:hover{scale:1.15;text-decoration:underline;text-underline-offset:8px}a:link,a:visited{text-decoration:none;color:#fff}.github-links{border-radius:50px;margin:20px auto;width:20%}h1{font-size:60px;margin-top:20px}.h3{font-family:Raleway;font-size:28px;font-weight:700}.h5,h4{margin:10px 0}.h5{font-family:Raleway;font-size:20px}.bold,.h5{font-weight:700}.align-ver{display:flex;align-items:center}.center{justify-content:center}.hash-links{display:block;margin:0 auto;padding:0;width:450px}.demo{margin-top:50px}.videoWrapper{position:relative;padding-bottom:56.25%;height:0;margin:0 auto;width:90%}.videoWrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%}@media screen and (max-width:1300px){.Navigator{width:75%}}@media screen and (max-width:1000px){.Header-contents,.singleApp-block{display:block}.Navigator{display:flex;width:95%;margin:0 auto}.body-divs{margin:15px auto;width:90%}.header-btns-blocks{width:100%;margin:0 auto}.about-des{width:50%}.skills{display:block}.skills>div{border-right:0;border-bottom:3px solid orange}.skills>div:last-child{border-right:0;border-bottom:0}.technologies-logos{height:65px;width:65px}.footer-icons{width:50%}.facts-quotes{display:block}.facts-quotes>*{margin:0 auto}.single-app-image-div{width:60%}}@media screen and (max-width:850px){.about-box,.about-des{display:block}.about-des{width:100%;margin:25px auto}}@media screen and (max-width:800px){.technologies-logos{height:50px;width:50px}.gifs{height:80px;width:80px}.contact-list>*{flex:none}.contact-name{font-size:15px}.contact-logos{width:20%;align-items:left}.contact-des{width:60%}}@media screen and (max-width:700px){.header-text{padding:5%}.header-icons-block{width:50%}.header-btns-blocks{display:block}.header-btns-blocks>*{display:block;margin:25px auto}.App-footer{display:block;justify-content:center;margin:0 auto}.footer-font{width:100%;padding:10px 0}.links{text-align:center;justify-content:center}.logos{justify-content:space-around;margin:0 auto;width:50%}.Navigator{display:block}.Header-contents{padding:2px;margin:0 auto}.mobile-toggle{width:100%;height:35px;margin:10px 0}.mobile-options{background-color:#000;width:35px;height:5px;margin:5px auto}.nav-links{opacity:0;height:1px;display:none}.navBtns{justify-content:center}.app-box{display:block;width:80%;height:auto}.mobile-effect{transition:all .75s ease-in-out;opacity:1;text-align:center;line-height:60px;margin:10px auto;display:table;width:90%}#mobile-menu.active .mobile-options:nth-child(2){transition:all .5s ease-in-out;opacity:0}#mobile-menu.active .mobile-options:first-child{transition:all .5s ease-in-out;-webkit-transform:translateY(10px) rotate(45deg);transform:translateY(10px) rotate(45deg)}#mobile-menu.active .mobile-options:nth-child(3){transition:all .5s ease-in-out;-webkit-transform:translateY(-10px) rotate(-45deg);transform:translateY(-10px) rotate(-45deg)}}@media screen and (max-width:650px){.gifs{height:75px;width:75px}.h5{font-size:20px}.aboutme-blocks{width:100%}.carousel-container{height:300px}}@media screen and (max-width:500px){.header-text{padding:15%}h1{font-size:35px}.app-box{width:100%}.logos{width:75%}.aboutme--gifs{width:100%}.technologies-logos{margin-bottom:5px}.hash-links,.single-app-image-div{width:100%}}@media screen and (max-width:400px){.contact-name{font-size:12px}.header-btns{height:60px;width:200px}.container---blurb{font-size:15px}.icon-align{margin:0 auto}.footer-icons{width:100%}}
/*# sourceMappingURL=main.494a3ba6.chunk.css.map */