@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&family=Nunito:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;0,1000;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900;1,1000&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Nunito,-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}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}.container{margin:auto;max-width:1280px}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.landing-page-body{display:flex}.logo-header img{margin-bottom:-30px;margin-top:30px;padding-top:10px;width:350px}.intro-title{font-size:1.5rem;font-weight:700;letter-spacing:5px;padding:40px;text-transform:uppercase}.section-sizes{margin:auto;min-height:100vh;width:100%}.shape-1-container{left:0;min-width:22vw;top:20vh;z-index:-1}.shape-1-container,.shape-2-container{align-content:center;align-items:center;display:inline-flex;justify-content:center;position:absolute}.shape-2-container{min-height:100vh;min-width:45vw;overflow:hidden;right:0;z-index:-11}.shape-2-container img{height:100%;width:100%}.Landing-intro{margin:auto;z-index:111111}.Landing-intro .heading{font-size:1.7rem;font-weight:700;letter-spacing:45px;padding:20px}.Landing-intro .naming{font-size:22px;font-weight:600;letter-spacing:10px;padding:20px}.Landing-intro .naming span{background-color:#ffac1c;color:#fff;padding:15px}.Landing-intro .skills{align-items:center;display:flex;justify-content:center;padding:5px}.Landing-intro .skills .skills-item{font-size:14px;font-weight:500;padding:10px}@-webkit-keyframes btn-color_anime{0%{background-color:#fff;color:#000}50%{background-color:#ffac1c;color:#fff}to{background-color:#fff;color:#000}}@keyframes btn-color_anime{0%{background-color:#fff;color:#000}50%{background-color:#ffac1c;color:#fff}to{background-color:#fff;color:#000}}@media(max-width:586px){.logo-header img{width:250px}.shape-1-container{top:30vh;width:50vw}.shape-2-container{display:none}.Landing-intro .heading{font-size:10vw;font-weight:300;letter-spacing:10px}.Landing-intro .naming{font-size:2.9vw;font-weight:500;letter-spacing:3px}.Landing-intro .naming span{padding:5px}.Landing-intro .skills{flex-direction:column}.Landing-intro .skills .skills-item{font-size:3vw;padding:10px}}@media(min-width:587px)and (max-width:1120px){.shape-1-container svg{width:40vw}.shape-2-container{display:none}.Landing-intro .heading{font-size:5vw;font-weight:400;letter-spacing:10px}.Landing-intro .naming{font-size:2vw;letter-spacing:3px}.Landing-intro .naming span{padding:5px}.Landing-intro .skills .skills-item{font-size:1.7vw;padding:15px}.landing-page-body{min-height:80vh}}.navbar{align-items:center;background-color:#000;display:flex;height:10vh;justify-content:space-between;width:100%;z-index:11111}.navbar-logo{margin-left:20px;z-index:111111}.navbar-logo a{color:#f0f8ff;text-decoration:none}.navbar-menu .navbar-nav{display:flex;margin-right:20px}.navbar-menu .navbar-nav li{list-style-type:none;margin:8px}.nav-menu-element{color:#f0f8ff;text-decoration:none}.navbar-menu .navbar-nav li a:hover{border-bottom:2px solid salmon;color:#7fffd4;content:"";display:block}.hamburger{background:none;border:none;cursor:pointer;display:none;margin-right:20px;z-index:100}.burger-bar{background-color:#fff;height:5px;margin:6px 0;transition:.4s;width:35px}.burger-bar.clicked:first-child{-webkit-transform:translateY(11px) rotate(-45deg);transform:translateY(11px) rotate(-45deg)}.burger-bar.clicked:nth-child(2){opacity:0}.burger-bar.clicked:nth-child(3){-webkit-transform:translateY(-11px) rotate(45deg);transform:translateY(-11px) rotate(45deg)}.burger-bar.unclicked{-webkit-transform:rotate(0) translate(0);transform:rotate(0) translate(0);transition:.5s cubic-bezier(.175,.885,.32,1.275)}@media (max-width:1120px){.navbar{height:7vh;position:fixed}.hamburger{display:block}.navbar-nav{display:flex;flex-direction:column;left:-32px;list-style:none;margin:auto;max-width:100vw;overflow-y:scroll;position:fixed;top:0;width:0;z-index:9}.navbar-nav.showMenu{background:#000;width:100vw}.navbar-nav a{display:block;font-weight:700;padding:10px;text-decoration:none;text-transform:uppercase}.navbar-nav li:first-child{margin-top:7rem}.navbar-nav li:last-child{margin-bottom:4rem}}.about-me{background-color:#060101;background-image:url(/static/media/background-image-aboutme1.bedbb36f0da0c8a59037.jpg);color:#fff}.about-me-overlay{background-color:rgba(0,0,0,.8);min-height:100vh}.about-intro h1{color:#fff}.about-intro .about-intro-span2{background-color:red;box-shadow:1px 1px 10px 3px #fff;color:#fff;cursor:pointer;margin-left:5px;padding:20px 40px}.about-intro-span1{background-color:#dfff00;box-shadow:1px 1px 10px 3px #ff9646;color:#000;cursor:pointer;margin-right:5px;padding:20px 40px}.animation-container svg{margin-top:10px;max-width:100vw;min-height:80vh}.aboutme-bottom{align-content:center;align-items:center;display:flex;flex-direction:column;justify-content:center;margin:9rem 0 0;padding:20px}.aboutme-title{background-color:#f6fa00;box-shadow:1px 1px 10px 3px #ff9646;color:#000;font-size:21px;font-weight:800;letter-spacing:1px;margin-bottom:20px;padding:15px;width:100%}.aboutme-btn{background-color:#fff;border:none;border-radius:4px;box-shadow:1px 1px 10px 3px #ff4646;cursor:pointer;font-size:1.1rem;font-weight:600;height:55px;text-transform:uppercase;width:170px}@media(max-width:586px){.about-intro{font-size:16px;margin-bottom:160px}.about-intro h1 .about-intro-span2{display:block;margin-left:0;margin-top:20px}.about-intro h1 .about-intro-span1{display:block;margin-right:0}.aboutme-title{padding:15px 0}}@media(min-width:587px)and (max-width:1120px){.about-intro{margin-bottom:180px}}.guidelines{background-color:#fff}.guidelines-intro{margin-bottom:150px}.guidelines-intro h1{background-color:#ed2939;margin:10px;padding:20px}.skills-title{font-size:2rem;font-weight:800;letter-spacing:.5rem;margin:10px 0;padding:20px;text-shadow:10px 5px 20px #000;text-transform:uppercase}.skills-container{grid-gap:10px;display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));margin:10rem 0}.skill-box{align-content:center;align-items:center;display:grid;justify-content:center;margin:50px 0 120px;width:100%}.skill-box img{margin-bottom:20px}.interests-container{display:grid}.interest-colums{display:grid;margin-bottom:250px}.interest-image img{max-width:20vw;max-width:40vh}.interest-title-container{font-size:2rem;font-weight:700;grid-column:2;padding:20px 50px}.interest-title{text-shadow:-3px 3px 20px #000;text-transform:uppercase}.webdeveloper .skill-1 img{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite;margin-bottom:43px}.webdeveloper .skill-title-container{background-color:#f6fa00}.designer .skill-title-container,.webdeveloper .skill-title-container{font-size:1.3rem;font-weight:700;letter-spacing:2px;padding:10px;width:21px}.designer .skill-title-container{background-color:#dfff00;white-space:nowrap}.skill-image img{max-width:256px}@media(max-width:586px){.skill-image img{width:50vw}.skills-title{margin:40px}}@media(max-width:1240px){.interest-title-container{grid-column:1}}@media(min-width:1240px){.column-key-1 .interest-title-container{grid-column:1;grid-row:1;margin-right:80px}.column-key-1 .interest-image{grid-column:2}}.contactme{background-color:#dfff00}.contactme-intro h1{background-color:#000;color:#dfff00;margin:10px;padding:20px}.icon-container{grid-gap:10px;display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));margin-top:5rem}.icon-box{align-content:center;align-items:center;display:grid;justify-content:center;margin-bottom:70px;width:100%}.icon-box img{height:58px;margin-bottom:20px;width:70px}.icon-container .icon-2 img,.icon-container .icon-3 img{height:69px;margin-top:-11px;width:70px}.icon-box .icon-title{font-size:1.3rem;font-weight:700;letter-spacing:2px;padding:10px}.email-me-title{align-content:center;align-items:center;display:grid;justify-content:center}.email-me-title h1{background-color:#fff;font-size:2rem;font-weight:800;letter-spacing:.5rem;margin:50px;padding:35px 70px;text-transform:uppercase}.form-container .form-colmun .form-label{display:flex;font-size:1.3rem;font-weight:700;margin:15px 20px}.form-container .form-colmun .form-input{border:none;border-radius:8px;box-sizing:border-box;display:inline-block;margin:8px 0;padding:12px 20px;width:95%}.form-container .form-colmun .form-textarea{border:none;border-radius:8px;box-sizing:border-box;height:25vh;padding:12px 20px;resize:none;width:95%}.form-container .form-btn{background-color:#000;border:none;border-radius:8px;color:#dfff00;cursor:pointer;font-size:1.3rem;font-weight:700;letter-spacing:3px;margin:50px 8px;padding:15px;text-transform:uppercase;width:95%}.form-container .form-btn:hover{color:#fff}.overlay-container{display:none}.overlay{align-content:center;align-items:center;background-color:rgba(0,0,0,.7);display:flex;flex-direction:column;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:999999}.overlay-btn{cursor:pointer;display:flex;justify-content:end;margin-bottom:10px;width:50%}.overlay-btn .btn-title{background-color:#dfff00;border-radius:7px;font-size:1.3rem;font-weight:700;padding:10px}.info-container{align-items:center;background-color:#fff;border-radius:15px;display:flex;height:20%;justify-content:center;margin:0;width:50%}.overlay-title{display:block;font-size:1.5rem;font-weight:700;padding:20px}
/*# sourceMappingURL=main.907df98a.css.map*/