@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&family=Permanent+Marker&family=Titillium+Web:wght@400;600;700;900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Kalam:wght@300;400;700&family=Montserrat:wght@400;500;600;700&family=Permanent+Marker&family=Titillium+Web:wght@400;600;700;900&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-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}:root{--body-background-color:#fff;--body-grid-line-color:#ccc;--background-size:40px 40px;--text-color:#000;--sticky-note-yellow:#eae672;--sticky-note-blue:linear-gradient(180deg,#bbebff,#bbebff 12%,#aadcf1 75%,#c3e5f4);--max-width:1000px}*{box-sizing:border-box}.App{background-color:#fff;background-color:var(--body-background-color);background-image:conic-gradient(at calc(100% - .5px) calc(100% - .5px),#ccc 270deg,#0000 0);background-image:conic-gradient(at calc(100% - .5px) calc(100% - .5px),var(--body-grid-line-color) 270deg,#0000 0);background-size:40px 40px;background-size:var(--background-size);min-height:100vh;overflow:clip}.App,.App a{color:#000;color:var(--text-color)}.App a{text-decoration:none}.App img{display:block;height:auto;max-width:100%}.App p{color:#000;color:var(--text-color)}.App .container{margin:0 auto;max-width:1000px;max-width:var(--max-width);position:relative;width:90%}.App .container,.App .title{align-items:center;display:flex}.App .title{justify-content:center;margin-block:1.5rem}.App .title h1{-webkit-text-fill-color:#0000;animation:text-color-animation 3s linear 0s infinite normal forwards running;background:linear-gradient(120deg,#d6009a,#9750dd 50%,#d6009a);-webkit-background-clip:text;background-clip:text;background-origin:initial;background-size:200%;font-family:Kalam,cursive;text-align:center}@keyframes text-color-animation{to{background-position:-200%}}.App .title h2{color:#000;color:var(--text-color);font-family:Permanent Marker,cursive;padding:1rem;position:relative}.App .title h2:after{border-radius:60%;border-top:4px solid #000;border-top:4px solid var(--text-color);bottom:0;content:"";display:block;height:10px;left:0;position:absolute;width:100%}.App .big-padding{padding-top:5vh}.App .quote-container .pin{background-color:#aaa;display:block;height:32px;left:50%;position:absolute;top:-16px;width:2px;z-index:1}.App .quote-container .pin:before{background-color:#0000001a;box-shadow:0 0 .25em #0000001a;content:"";height:24px;left:0;position:absolute;top:8px;transform:rotate(57.5deg);-moz-transform:rotate(57.5deg);-webkit-transform:rotate(57.5deg);-o-transform:rotate(57.5deg);-ms-transform:rotate(57.5deg);transform-origin:50% 100%;-moz-transform-origin:50% 100%;-webkit-transform-origin:50% 100%;-ms-transform-origin:50% 100%;-o-transform-origin:50% 100%;width:2px}.App .quote-container .pin:after{background-color:#a31;background-image:radial-gradient(25% 25%,circle,#ffffff4d,#0000004d);border-radius:50%;box-shadow:inset 0 0 0 1px #0000001a,inset 3px 3px 3px #fff3,inset -3px -3px 3px #0003,23px 20px 3px #00000026;content:"";height:12px;left:-5px;position:absolute;top:-10px;width:12px}.App .quote-container .note{box-shadow:0 10px 10px 2px #0000004d;color:#000;font-family:Kalam,cursive;font-size:1.875rem;margin:0 auto;padding:20px;position:relative}.App .quote-container .note .author{display:block;margin:0;padding-top:1rem;text-align:right}.App .quote-container .sticky{transform:rotate(2deg)}.dark-mode{--body-background-color:#23272f;--body-grid-line-color:#444;--text-color:#fff}@media(min-width:1000px){.App .big-padding{padding-top:7vh}}.navbar{align-items:center;background-color:var(--body-background-color);background-image:conic-gradient(at calc(100% - .5px) calc(100% - .5px),var(--body-grid-line-color) 270deg,#0000 0);background-size:var(--background-size);color:var(--text-color);display:flex;min-height:7vh;position:fixed;top:0;width:100vw;z-index:999}.navbar .container{justify-content:space-between}.navbar .container .hamburger-btn{position:relative}.navbar .container .hamburger-btn #toggle-btn{cursor:pointer;display:block;height:25px;opacity:0;width:25px;z-index:900}.navbar .container .hamburger-btn .btn-container{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;width:30px}.navbar .container .hamburger-btn .btn-container .menu-btn{background-color:var(--text-color);border-radius:2px;display:block;height:2px;margin-top:-25px;position:absolute;transition:transform .4s cubic-bezier(.23,1,.32,1);width:20px;z-index:-1}.navbar .container .hamburger-btn .btn-container .menu-btn:before{margin-top:-8px}.navbar .container .hamburger-btn .btn-container .menu-btn:after,.navbar .container .hamburger-btn .btn-container .menu-btn:before{background-color:var(--text-color);border-radius:2px;content:"";display:block;height:2px;position:absolute;transition:transform .4s cubic-bezier(.23,1,.32,1);width:25px}.navbar .container .hamburger-btn .btn-container .menu-btn:after{margin-top:8px}.navbar .container #toggle-btn:checked+.btn-container .menu-btn:before{margin-top:-5px;transform:rotate(405deg)}.navbar .container #toggle-btn:checked+.btn-container .menu-btn{background:#fff0}.navbar .container #toggle-btn:checked+.btn-container .menu-btn:after{margin-top:-5px;transform:rotate(-405deg)}.navbar .container .nav-list{left:50%;list-style-type:none;margin:0;padding:0;position:absolute;right:0;top:150%;transform:translate(-50%) rotate(2deg);z-index:100}.navbar .container .nav-list ul{margin:0;padding:0}.navbar .container .nav-list li{align-items:center;cursor:pointer;display:flex;height:0;justify-content:center;margin:0;overflow:hidden;padding:0;transition:all .4s cubic-bezier(.23,1,.32,1)}.navbar .container .nav-list li a{color:#000}.navbar .container .open{z-index:100}.navbar .container .open li{height:2.5em;padding:.5rem 0;transition:all .4s cubic-bezier(.23,1,.32,1)}.navbar .container .note{width:18.75rem}.navbar .container .sticky{background:var(--sticky-note-yellow)}.navbar .container:after{border-radius:60%;border-top:4px solid var(--text-color);bottom:-65%;content:"";display:block;height:10px;left:0;position:absolute;width:100%}@media(min-width:700px){.navbar .container:after{bottom:-100%}}@media(min-width:1000px){.navbar{min-height:3vh;padding-block:1rem}.navbar .container:after{bottom:-50%}.navbar .container .hamburger-btn #toggle-btn,.navbar .container .hamburger-btn .btn-container{display:none}.navbar .container .clickOutside{width:100%}.navbar .container .clickOutside .quote-container{margin:0 auto;width:80%}.navbar .container .clickOutside .quote-container .nav-list{position:relative;transform:translate(-50%) rotate(0deg)}.navbar .container .clickOutside .quote-container .nav-list ul{align-items:center;display:flex;font-family:Kalam,cursive;font-size:1.25rem;justify-content:space-between}.navbar .container .clickOutside .quote-container .nav-list ul li{height:2.5em;padding:.5rem 0}}.theme-btn .toggle{align-items:center;display:flex;justify-content:center;margin:0 auto}.theme-btn .toggle .checkbox{cursor:pointer;height:1.5rem;opacity:0;position:absolute;right:0;top:0;width:1.5rem;z-index:100}.theme-btn .toggle .btn .moon,.theme-btn .toggle .btn .sun{position:absolute;right:0;top:0;transition:opacity .2s ease-in-out;z-index:-1}.theme-btn .toggle .btn .sun{opacity:0}.theme-btn .toggle .active .sun{opacity:1}.theme-btn .toggle .active .moon{opacity:0}.profile .container{flex-direction:column;justify-content:center}.profile .container .me{grid-gap:2rem;display:grid;gap:2rem}.profile .container .me .photo{align-items:center;display:flex;flex-direction:column;gap:2rem;justify-content:center;width:100%}.profile .container .me .photo .quote-container{position:relative}.profile .container .me .photo .quote-container .note{width:18.75rem}.profile .container .me .photo .quote-container .note img{margin:0 auto}.profile .container .me .photo .quote-container .sticky{background:var(--sticky-note-yellow)}.profile .container .me .photo .social{align-items:center;display:flex;gap:2rem;justify-content:center;padding:1rem;width:100%}.profile .container .me .skills{grid-gap:1rem;display:grid;gap:1rem;place-items:center}.profile .container .me .skills .scroller ul{align-items:flex-start;display:flex;flex-direction:row;flex-wrap:wrap;gap:1rem;justify-content:center;list-style:none;margin:0;padding:0;padding-block:1rem}.profile .container .me .skills .scroller ul li{padding:1rem}.profile .container .me .skills .scroller ul li span{align-items:center;display:flex;flex-direction:column;font-family:Permanent Marker,cursive;font-size:1.25rem;justify-content:center}.profile .container .about-me p{font-family:Kalam,cursive;font-size:1.25rem;line-height:2;padding-inline:1rem}@media(min-width:1000px){.profile .container .me{display:flex;width:100%}.profile .container .me .photo{flex:40% 1;order:2}.profile .container .me .skills{flex:50% 1}.profile .container .me .skills .scroller ul{border-radius:50%;height:24em;margin:0 auto;position:relative;width:24em}.profile .container .me .skills .scroller ul li{display:block;height:4em;left:50%;margin:-2em;position:absolute;top:50%;width:4em}.profile .container .me .skills .scroller ul li:first-child{transform:translate(12em)}.profile .container .me .skills .scroller ul li:nth-child(2){transform:rotate(45deg) translate(12em) rotate(-45deg)}.profile .container .me .skills .scroller ul li:nth-child(3){transform:rotate(90deg) translate(12em) rotate(-90deg)}.profile .container .me .skills .scroller ul li:nth-child(4){transform:rotate(135deg) translate(12em) rotate(-135deg)}.profile .container .me .skills .scroller ul li:nth-child(5){transform:translate(-12em)}.profile .container .me .skills .scroller ul li:nth-child(6){transform:rotate(225deg) translate(12em) rotate(-225deg)}.profile .container .me .skills .scroller ul li:nth-child(7){transform:rotate(270deg) translate(12em) rotate(-270deg)}.profile .container .me .skills .scroller ul li:nth-child(8){transform:rotate(315deg) translate(12em) rotate(-315deg)}}.footer{padding-bottom:5rem}.footer .container{justify-content:center;overflow:hidden;padding-block:5rem}.footer .container .quote-container{font-family:Kalam,cursive;font-size:1.25rem;line-height:2;padding-inline:1rem;position:relative}.footer .container .quote-container .note{max-width:100%;width:19rem}.footer .container .quote-container .note h2{color:#000}.footer .container .quote-container .note h2:after{border-top:4px solid #000}.footer .container .quote-container .sticky{background:var(--sticky-note-blue)}.footer .container .quote-container .author{font-weight:600}@media(min-width:700px){.footer .container .quote-container .note{font-size:1.2rem;max-width:75vw}}@media(min-width:1000px){.footer .container .quote-container .note{max-width:35vw}}@media(min-width:1600px){.footer .container .quote-container .note{max-width:20vw}}.slider{margin-block:1rem}.slider .container{flex-direction:column;position:relative}.slider .container .title{margin-bottom:1rem}.slider .container .project{align-items:center;display:flex;flex-direction:column;font-family:Kalam,cursive;font-size:1.25rem;height:0;margin:0 auto;opacity:0;width:0;z-index:-1}.slider .container .project .wrapper{align-items:center;display:flex;flex-direction:column;padding-inline:2rem}.slider .container .project .wrapper .quote-container{position:relative}.slider .container .project .wrapper .quote-container .note{width:100%;width:18.75rem}.slider .container .project .wrapper .quote-container .note img{margin:0 auto;max-height:30rem;object-fit:cover}.slider .container .project .wrapper .quote-container .author{text-align:center}.slider .container .project .wrapper .quote-container .sticky{background:var(--sticky-note-blue)}.slider .container .project .wrapper .features{margin-top:1rem;padding-block:1rem;padding-inline:1.5rem;width:100%}.slider .container .project .wrapper .features span{display:block;margin:0;text-align:left}.slider .container .project .wrapper .features ul{align-items:flex-start;display:flex;flex-direction:column;flex-wrap:wrap;gap:1rem;list-style:none;margin:0;padding:0}.slider .container .project .wrapper .description p{margin-bottom:5rem;padding-inline:1rem}.slider .container .project .wrapper .description .buttons{align-items:center;display:flex;gap:1rem;justify-content:space-around;margin-block:1rem}.slider .container .project .wrapper .description .buttons button{align-items:center;background:none;border:none;color:var(--text-color);cursor:pointer;display:flex;font-family:Kalam,cursive;font-size:1rem;font-weight:700;justify-content:center;width:100%}.slider .container .project .wrapper .description .buttons a{text-align:center}.slider .container .project .wrapper .description .buttons a button{align-items:center;background:none;border:none;color:var(--text-color);cursor:pointer;display:flex;font-family:Kalam,cursive;font-size:1rem;font-weight:700;justify-content:center;width:100%}.slider .container .project .wrapper .description .buttons a .try-btn{position:relative}.slider .container .project .wrapper .description .buttons a .try-btn svg{height:7.5rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:30rem}.slider .container .active{animation:fadeIn .3s ease-in-out;height:auto;opacity:1;width:100%;z-index:1}@keyframes fadeIn{0%{opacity:0}50%{opacity:.5}to{opacity:1}}.slider .container .slide-btn{align-items:center;display:flex;justify-content:space-between;left:50%;position:absolute;top:50rem;transform:translate(-50%,-50%);width:100%;z-index:2}.slider .container .slide-btn .next,.slider .container .slide-btn .prev{cursor:pointer}@media(min-width:700px){.slider .container .project .wrapper .quote-container .note{max-width:50vw}.slider .container .project .wrapper .features{padding-inline:2rem}}@media(min-width:1000px){.slider .container .project .wrapper .quote-container .note{max-width:30vw}.slider .container .project .wrapper .features span{text-align:center}.slider .container .project .wrapper .features ul{flex-direction:row;justify-content:center}}@media(min-width:1600px){.slider .container .project .wrapper .quote-container .note{max-width:20vw}}.contact-me{padding-bottom:4rem}.contact-me .container{flex-direction:column;justify-content:center}.contact-me .container .email{font-family:Kalam,cursive;font-size:1.25rem;line-height:2;margin-bottom:2.5rem;margin-top:0;padding-inline:1rem}.contact-me .container .quote-container{position:relative}.contact-me .container .quote-container .note{width:100%}.contact-me .container .quote-container .note form .contact-form .contact-info{align-items:center;display:flex;gap:1rem;position:relative}.contact-me .container .quote-container .note form .contact-form .contacts,.contact-me .container .quote-container .note form .contact-form textarea{background:none;border:none;border-bottom:2px solid #000;box-sizing:border-box;font-family:Kalam,cursive;outline:none;width:100%}.contact-me .container .quote-container .note form .contact-form textarea{resize:none}.contact-me .container .quote-container .note form .contact-form textarea::-webkit-scrollbar{width:0}.contact-me .container .quote-container .sticky{background:var(--sticky-note-yellow)}.contact-me .container .quote-container .author{display:flex;justify-content:flex-end}.contact-me .container .quote-container .author button{align-items:center;background:none;border:none;color:#000;cursor:pointer;display:flex;font-family:Kalam,cursive;font-size:1.5rem;gap:1rem}.contact-me .container .quote-container .author button .icon{align-items:center;display:flex;justify-content:center}.contact-me .container:after{border-radius:60%;border-top:4px solid var(--text-color);bottom:-20%;content:"";display:block;height:10px;left:0;position:absolute;width:100%}
/*# sourceMappingURL=main.a420ac01.css.map*/