@import url(https://fonts.googleapis.com/css2?family=Raleway:wght@200&display=swap);@import url(https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@1,300&display=swap);*{margin:0;padding:0;box-sizing:border-box;scroll-behavior:smooth}body{background-color:#444343}.NavBar-container{background-image:url(/Portfolio/static/media/background.82773bbd.jfif);-webkit-justify-content:space-between;justify-content:space-between;padding-left:30px;transition:all 2s}.NavBar-container,.NavBar-links{display:-webkit-flex;display:flex}.NavBar-links{width:30rem;-webkit-justify-content:space-evenly;justify-content:space-evenly;-webkit-align-items:center;align-items:center}.NavBar-links a{text-decoration:none;color:#fff;font-size:1.1rem;transition:.5s;font-family:"Montserrat",sans-serif}.NavBar-toggle-button{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;padding-right:30px}.NavBar-toggle-button a{display:none}.fa-chevron-left,.fa-times{color:#fff;font-size:1.5rem}@media screen and (max-width:600px){.NavBar-container{position:relative}.NavBar-links{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;position:absolute;width:100%;height:500px;top:104px;left:-100%;opacity:1;transition:all .5s ease-out}.NavBar-links.responsive{background-image:url(/Portfolio/static/media/background.82773bbd.jfif);opacity:.9;left:0;z-index:1;transition:all .5s ease}.NavBar-links a{text-align:center;width:100%;padding:2rem;-webkit-filter:brightness(150%);filter:brightness(150%)}.NavBar-toggle-button a{display:block}}::-webkit-scrollbar{width:7px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ff0;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#c9c914}.landingPage-container{background-image:url(/Portfolio/static/media/background.82773bbd.jfif);display:-webkit-flex;display:flex;height:90vh;-webkit-justify-content:center;justify-content:center;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;text-align:center}.landingPage-mainHeading{font-size:56px;font-family:"Raleway",sans-serif;color:#fff;width:60%;-webkit-animation-name:mymove;animation-name:mymove;-webkit-animation-duration:3s;animation-duration:3s}.landingPage-mainParagraph{font-size:29px;color:#fff;width:70%;font-family:"Montserrat",sans-serif}.landingPage-hr{width:30%;background-color:#ff0;height:4px;margin:10px 0}.landingPage-span{color:#ff0}.landingPage-ballContainer{margin-top:30px;position:relative;width:60%;height:20%}.landingPage-ball1{top:10px;left:10px;-webkit-animation:ball1 3s infinite;animation:ball1 3s infinite}.landingPage-ball1,.landingPage-ball2{position:absolute;width:50px;height:50px;border-radius:5px;background-color:#fffaf0}.landingPage-ball2{bottom:10px;right:10px;-webkit-animation:ball2 3s infinite;animation:ball2 3s infinite}@media screen and (max-width:750px){.landingPage-mainHeading{font-size:48px;color:#fff;width:75%}.landingPage-mainParagraph{font-size:24px;color:#fff;width:80%}}@media screen and (max-width:550px){.landingPage-mainHeading{font-size:40px;color:#fff;width:80%}.landingPage-mainParagraph{font-size:24px;color:#fff;line-height:1.8rem;width:90%}.landingPage-ball1,.landingPage-ball2{width:30px;height:30px}}@-webkit-keyframes ball1{0%{top:10px}50%{top:100px;-webkit-transform:rotate(180deg);transform:rotate(180deg)}to{top:10px}}@keyframes ball1{0%{top:10px}50%{top:100px;-webkit-transform:rotate(180deg);transform:rotate(180deg)}to{top:10px}}@-webkit-keyframes ball2{0%{top:100px}50%{top:10px;-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}to{top:100px}}@keyframes ball2{0%{top:100px}50%{top:10px;-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}to{top:100px}}@-webkit-keyframes mymove{0%{opacity:0}10%{opacity:.1}20%{opacity:.2}30%{opacity:.3}40%{opacity:.4}50%{opacity:.5}60%{opacity:.6}70%{opacity:.7}80%{opacity:.8}90%{opacity:.9}to{opacity:1}}@keyframes mymove{0%{opacity:0}10%{opacity:.1}20%{opacity:.2}30%{opacity:.3}40%{opacity:.4}50%{opacity:.5}60%{opacity:.6}70%{opacity:.7}80%{opacity:.8}90%{opacity:.9}to{opacity:1}}.About-container{height:50vh;display:-webkit-flex;display:flex;-webkit-justify-content:space-evenly;justify-content:space-evenly;-webkit-align-items:center;align-items:center;background-color:#444343}.About-image{-webkit-transform:scale(1.2);transform:scale(1.2)}.About-text{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;width:50vw;height:30vh}.fa-angle-left,.fa-angle-right{color:#ff0}.About-text h1{font-size:36px;margin-bottom:10px;color:#fff;font-weight:400;letter-spacing:3px}.About-text p{color:#fff;line-height:1.2rem;letter-spacing:2px;font-size:18px;width:90%;-webkit-justify-content:center;justify-content:center}@media screen and (max-width:900px){.About-image{-webkit-transform:scale(1);transform:scale(1)}.About-text h1{font-size:25px}.About-text p{line-height:1.6rem;font-size:17px}}@media screen and (max-width:700px){.About-container{height:80vh;-webkit-flex-direction:column-reverse;flex-direction:column-reverse}.About-text{width:80%;height:40%}.About-imageContainer{position:relative;width:80%;height:40%}.About-image{-webkit-transform:scale(1);transform:scale(1);position:absolute;left:-10px;top:10px;-webkit-animation:imageMove 7s infinite;animation:imageMove 7s infinite}@-webkit-keyframes imageMove{0%{left:-10px}50%{left:60px}to{left:-10px}}@keyframes imageMove{0%{left:-10px}50%{left:60px}to{left:-10px}}}@media screen and (max-width:480px){.About-imageContainer{width:90vw;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;height:40%}.About-image{position:static;-webkit-animation:none;animation:none;-webkit-transform:scale(.7);transform:scale(.7)}}.Stack-container{background-image:linear-gradient(90deg,#353535 0,#000);padding:50px 20px;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;-webkit-clip-path:polygon(0 20%,100% 0,100% 100%,0 100%);clip-path:polygon(0 20%,100% 0,100% 100%,0 100%)}.Stack-container h1{font-size:36px;margin-bottom:10px;color:#fff;font-weight:400;letter-spacing:3px}.Stack-name{color:#ff0;letter-spacing:3px;-webkit-transform:scale(0);transform:scale(0);font-size:15px;transition:all .5s;font-family:"Montserrat",sans-serif}.Stack-logos{margin-top:30px;-webkit-flex-direction:row;flex-direction:row;width:80vw;-webkit-justify-content:space-evenly;justify-content:space-evenly}.Stack-logos,.Stack-logos div{display:-webkit-flex;display:flex}.Stack-logos div{width:15%;box-sizing:border-box;-webkit-flex-direction:column;flex-direction:column;text-align:center;-webkit-align-items:center;align-items:center}.fa-html5{font-size:4rem;color:#e34c26}.fa-html5:hover~.Stack-name{-webkit-transform:scale(.9);transform:scale(.9)}.fa-css3-alt{font-size:4rem;color:#264de4}.fa-css3-alt:hover~.Stack-name{-webkit-transform:scale(.9);transform:scale(.9)}.fa-js-square{font-size:4rem;color:#f0db4f}.fa-js-square:hover~.Stack-name{-webkit-transform:scale(.9);transform:scale(.9)}.fa-bootstrap{font-size:4rem;color:#563d7c}.fa-bootstrap:hover~.Stack-name{-webkit-transform:scale(.9);transform:scale(.9)}.fa-react{font-size:4rem;color:#61dbfb;-webkit-animation:rotateReact 3s infinite;animation:rotateReact 3s infinite}.fa-react:hover~.Stack-name{-webkit-transform:scale(.9);transform:scale(.9)}@media screen and (max-width:740px){.Stack-logos{width:90vw;-webkit-flex-wrap:wrap;flex-wrap:wrap}.Stack-logos div{width:50%;margin-bottom:30px;height:70px}.Stack-container{padding-top:100px;-webkit-clip-path:polygon(0 10%,100% 0,100% 100%,0 100%);clip-path:polygon(0 10%,100% 0,100% 100%,0 100%)}}@-webkit-keyframes rotateReact{50%{-webkit-transform:rotate(180deg);transform:rotate(180deg);-webkit-filter:brightness(200%) contrast(200%);filter:brightness(200%) contrast(200%)}}@keyframes rotateReact{50%{-webkit-transform:rotate(180deg);transform:rotate(180deg);-webkit-filter:brightness(200%) contrast(200%);filter:brightness(200%) contrast(200%)}}.projects-container{padding:20px 0;background-color:#2d3436;background-image:linear-gradient(315deg,#2d3436,#000 74%);position:relative}.projects-heading{font-size:36px;margin-bottom:10px;color:#fff;font-weight:400;letter-spacing:3px;text-align:center}.projects-title{font-size:20px;font-weight:300;color:snow;border-bottom:2px solid #ff0;display:inline-block}.projects-paragraph{font-size:14px;color:snow;letter-spacing:1px;font-family:"Montserrat",sans-serif}.projects-image{-webkit-transform:scale(1);transform:scale(1);width:300px;border-radius:1rem;border:2px solid #ff0}.single-project-container{-webkit-flex-direction:row;flex-direction:row;width:90vw;margin-bottom:10px}.projects-description,.single-project-container{display:-webkit-flex;display:flex;-webkit-justify-content:space-evenly;justify-content:space-evenly;-webkit-align-items:center;align-items:center}.projects-description{-webkit-flex-direction:column;flex-direction:column;height:7rem;width:40vw}.projects-code-button,.projects-live-button{border:none;outline:none;margin:3px;cursor:pointer}a{text-decoration:none;color:#000}.projects-live-button{background-color:#ff0}.projects-code-button,.projects-live-button{padding:4px 12px;color:#000;font-size:12px;font-weight:500;border-radius:30px}.projects-code-button{background-color:snow}.projects-code-button:hover{background-color:#ff0}.projects-code-button:hover+.projects-live-button{background-color:snow}@media screen and (max-width:730px){.projects-image{-webkit-transform:scale(.9);transform:scale(.9);width:250px}}@media screen and (max-width:630px){.single-project-container{-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;margin:15px auto}.projects-description{width:90vw;text-align:center}}@media screen and (max-width:320px){.projects-ball{-webkit-animation:none;animation:none;display:none}}.projects-ball{position:absolute;width:20px;height:20px;background-color:#ff0;top:-10px;left:0;border-radius:50%;-webkit-animation:project-ball 10s infinite;animation:project-ball 10s infinite}@-webkit-keyframes project-ball{0%{top:-10px;left:10%}50%{top:-10px;left:90vw}to{top:-10px;left:10%}}@keyframes project-ball{0%{top:-10px;left:10%}50%{top:-10px;left:90vw}to{top:-10px;left:10%}}.footer-container{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;padding:20px 0 30px;background:#485563}.contact-heading{font-size:36px;margin-bottom:10px;color:#fff;font-weight:400;letter-spacing:3px}.Hire-statement{color:#fff;font-weight:300;text-align:center}.Hire-statement,.Hire-statement-spans{font-family:"Montserrat",sans-serif;font-size:20px}.Hire-statement-spans{color:#ff0;font-weight:600;-webkit-filter:brightness(150);filter:brightness(150)}.Form-container{width:50%;background-color:#8a8888;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.Form{width:40%}.Form input,.Form textarea{width:100%;margin-bottom:20px;border:2px solid #ff0;background:#2d3436;color:#fff;border-radius:10px;padding:15px;box-shadow:6px 7px 7px #1d1d1d}textarea{resize:none;height:25vh}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{font-size:15px;font-family:"Montserrat",sans-serif;color:#fff}input:-ms-input-placeholder,textarea:-ms-input-placeholder{font-size:15px;font-family:"Montserrat",sans-serif;color:#fff}input::placeholder,textarea::placeholder{font-size:15px;font-family:"Montserrat",sans-serif;color:#fff}button[type=submit]:active,button[type=submit]:focus,input:focus,textarea:focus{outline:none}button[type=reset]:hover,button[type=submit]:hover{cursor:pointer;box-shadow:10px 10px 5px #1d1d1d}.Form-submit[type=submit]{padding:5px 30px;background-color:#2d3436;color:#ff0;border:2px solid #ff0;border-radius:10px 0 10px 0;font-weight:300;font-family:"Montserrat",sans-serif;transition:1s}button[type=reset]:hover,button[type=submit]:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.Form-clear{float:right;padding:5px 30px;background-color:#2d3436;color:red;border:2px solid red;border-radius:10px 0 10px 0;font-family:"Montserrat",sans-serif;font-weight:300;transition:1s}@media screen and (max-width:1110px){.Form{width:50%}}@media screen and (max-width:884px){.Form{width:60%}.Hire-statement,.Hire-statement-spans{font-size:18px}}@media screen and (max-width:681px){.Form{width:80%}.Hire-statement,.Hire-statement-spans{font-size:18px}}@media screen and (max-width:472px){.Hire-statement,.Hire-statement-spans{font-size:13px}.Form-submit[type=submit]{padding:5px 20px}button[type=reset]:hover,button[type=submit]:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.Form-clear{padding:5px 20px}}
/*# sourceMappingURL=main.b9cbec1a.chunk.css.map */