*{box-sizing:border-box;color:#222831;margin:0;padding:0;scroll-behavior:smooth}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:grey;-webkit-transition:all .25s ease;transition:all .25s ease}::-webkit-scrollbar-thumb:hover{background:#222831}body{background-image:linear-gradient(90deg,#0000 9.7%,#fdcb6e 10%,#0000 0),linear-gradient(#eee .2em,#0000 0);background-size:100% 55px}#root{margin:auto}.nav{background-color:#979797;position:fixed;top:0;width:100%;z-index:1}.ul{font-family:Montserrat,sans-serif;margin-left:10%}.ul a{display:inline-block;font-size:1rem;padding:1.5rem 2rem;text-decoration:none}hr{border:3px solid #222831;border-bottom:none}header .note{background-color:#fdcb6e;border-radius:20% 5% 20% 5%/5% 20% 25% 20%;margin-left:10%;margin-top:30vh;padding:3%;width:70vh}header .note,header .note2{box-shadow:2px 4px 5px #8a8989;font-family:Londrina Solid,cursive;font-size:2.5rem;transform:rotate(-2deg)}header .note2{background-color:#e26a84;border-radius:50%;margin-left:35%;margin-top:-350px;padding:3vh;text-align:right;width:20vh}.dot{color:#e26a84}.about{float:right;font-family:Montserrat,sans-serif;font-size:1rem;margin-right:10%;margin-top:-24vh;position:relative;text-align:center;width:30%}.about h1{font-family:Londrina Solid,cursive;font-size:3rem;padding-bottom:15px;text-shadow:1px 1px 3px #666}.about p{line-height:35px}.about p .span1{color:#979797;font-family:Londrina Solid,cursive;font-size:2rem}.about p .span2{font-size:1rem;font-weight:800}.skills{background-color:#979797;margin-top:65vh;padding:7vh;text-align:center}.skills,.skills h1{font-family:Londrina Solid,cursive}.skills h1{font-size:4rem;padding-bottom:15px;text-shadow:1px 1px 3px #666}.skillsWrapper{display:flex;flex-wrap:wrap;justify-content:center;margin:auto;width:90%}.tag{background:#fff;border-radius:5px;color:#222831;display:inline-flex;font-family:Montserrat,sans-serif;font-size:1rem;font-weight:500;margin:20px;padding:8px 16px;text-decoration:none}.projects{font-family:Londrina Solid,cursive;margin-top:5vh;text-align:center}.projects h1{font-size:4rem;padding:7vh;text-shadow:1px 1px 3px #666}.projectWrapper{display:flex;flex-wrap:wrap;justify-content:space-evenly;margin:auto;width:75%}.projectCard{background-color:#fdcb6e;border-bottom-right-radius:50px;box-shadow:2px 4px 5px #8a8989;height:350px;margin-top:4vh;padding:4vh;position:relative;width:45vh}.projectCard,.projectCard p{font-family:Montserrat,sans-serif}.projectCard p{font-weight:500;margin-top:2vh;text-align:justify}.projectCard i{color:#e26a84;margin-left:110px;margin-top:-50px;position:absolute}.projectCard a{border:none;bottom:2vh;color:#fff;font-family:Londrina Solid,cursive;font-size:2rem;font-weight:bolder;letter-spacing:.2rem;outline:none;padding:10px 20px;position:absolute;right:1rem;text-decoration:none;text-shadow:0 1px 0 #fcc155,0 2px 0 #f1ba52,0 3px 0 #e7b14d,0 4px 0 #e0ad4d,0 5px 0 #cc9d45,0 6px 1px #0000001a,0 0 5px #0000001a,0 1px 3px #0000004d,0 3px 5px #0003,0 5px 10px #00000040,0 10px 10px #0003,0 20px 20px #00000026}.projectCard a:hover{font-size:2.2rem;transition:.5s}.design{align-items:center;background-color:#979797;display:flex;font-family:Londrina Solid,cursive;justify-content:center;margin-top:7vh;overflow:hidden;padding:10vh;text-align:center}.design h1{font-size:3rem;font-weight:400;text-shadow:1px 1px 3px #666}.home-title span{display:block;line-height:1.2;overflow:hidden;position:relative}.home-title span:after{animation:a-ltr-after 5s cubic-bezier(.77,0,.18,1) infinite;background:#fff;transform:translateX(-101%)}.home-title span:after,.home-title span:before{content:"";height:100%;position:absolute;right:0;top:0;width:100%}.home-title span:before{animation:a-ltr-before 5s cubic-bezier(.77,0,.18,1) infinite;background:#979797;transform:translateX(0)}.home-title span:first-of-type:after,.home-title span:first-of-type:before{animation-delay:1s}.home-title span:nth-of-type(2):after,.home-title span:nth-of-type(2):before{animation-delay:1.5s}@keyframes a-ltr-after{0%{transform:translateX(-100%)}50%{transform:translateX(101%)}to{transform:translateX(101%)}}@keyframes a-ltr-before{0%{transform:translateX(0)}50%{transform:translateX(200%)}to{transform:translateX(200%)}}.contact{font-family:Londrina Solid,cursive;padding:7vh}.contactbox{background-color:#fff;box-shadow:2px 4px 5px #8a8989;display:flex;justify-content:space-between;margin:auto;padding:5vh;width:80%}.contact .contactbox form input,button,textarea{border-color:#222831;border-width:0 0 2px;display:block;font-family:Montserrat,sans-serif;margin:0 0 10px;min-width:100%;outline:none;padding:.5rem 1rem;width:100%}.contact button{background-color:#fdcb6e;border-radius:10px;border-width:0;color:#fff;cursor:pointer;font-family:Londrina Solid,cursive;font-size:1.7rem}.contact button:hover{background-color:#fcc155;transition:.1s}.contactbox form input::placeholder,textarea::placeholder{font-family:Montserrat,sans-serif}.contactbox h2{font-size:2.5rem;padding-bottom:3vh;padding-right:25vh;text-align:left;text-shadow:1px 1px 3px #666}.contactbox img{display:block;width:40vh}.footer{background-color:#979797;font-family:Montserrat,sans-serif;padding-bottom:3vh;padding-top:7vh;text-align:center}.icons{display:inline-block;font-size:1.7rem;margin:0 3vh}.info{margin-top:4vh}.info p{margin:1vh}@media only screen and (max-width:1310px){header .note{width:70vh}header .note2{width:25vh}.about{margin-right:8%;margin-top:-17%;width:40%}.contactbox h2{font-size:1.7rem;padding-right:15vh}}@media only screen and (max-width:950px){header .note{margin:22vh auto;width:70vh}header .note2{margin-left:70%;margin-top:-440px}.about{float:none;margin:50vh auto 10vh;width:80%}.skillsWrapper{width:100%}.skills{margin-top:10vh}.skills h1{font-size:3rem}.tag{font-size:1rem;margin:10px;padding:5px 10px}.projects h1{font-size:3rem}.design h1{font-size:2rem}.contactbox{justify-content:space-around}.contactbox h2{padding-right:25vh}.contactbox img{display:none}.footer{padding-bottom:2vh;padding-top:5vh}}@media only screen and (max-width:640px){header .note{width:50vh}.about{margin:50vh 10vh auto}.contactbox h2{padding-right:14vh}}@media only screen and (max-width:580px){.ul{margin-left:5%}.ul a{font-size:1rem;padding:1.2rem}}@media only screen and (max-width:500px){.ul a{font-size:.7rem;padding:1rem}header .note{font-size:1.7rem;width:40vh}header .note2{font-size:1.5rem;margin-left:63%;margin-top:-400px;width:15vh}.about{font-size:.7rem;margin:50vh auto auto}.about h1{font-size:2rem}.about p{line-height:25px}.about p .span1{font-size:1.5rem}.skills{padding:5vh}.skillsWrapper{width:100%}.skills h1{font-size:2rem}.tag{font-size:.6rem;margin:5px}.projects{margin-top:2vh}.projects h1{font-size:2rem;padding:5vh}.projectCard{height:220px;margin-top:4vh;padding:3vh;width:45vh}.projectCard p{font-size:.7rem;font-weight:500;margin-top:2vh}.projectCard i{margin-left:110px;margin-top:-50px}.projectCard a{bottom:2vh;font-size:1.3rem;font-weight:bolder;letter-spacing:.2rem;padding:10px 20px;right:1rem}.projectCard a:hover{font-size:1.5rem;transition:.5s}.design{margin-top:5vh;padding:10vh 0}.contactbox h2,.design h1{font-size:1.4rem}.contact{padding:5vh}.contactbox{padding:3vh;width:100%}.contact .contactbox form input,button,textarea{padding:.2rem .5rem}.contact button{font-size:1.4rem}.contactbox form input::placeholder,textarea::placeholder{font-size:.7rem}.footer{padding-bottom:1vh;padding-top:3vh}.icons{font-size:1.2rem;margin:0 2.5vh}.info{margin-top:2vh}.info p{font-size:.7rem;margin:1vh}}
/*# sourceMappingURL=main.e777a87f.css.map*/