@import url(https://fonts.googleapis.com/css2?family=Playwrite+HR+Lijeva:wght@100..400&display=swap);@import url(https://fonts.googleapis.com/css2?family=Michroma&display=swap);.my-card{background:linear-gradient(135deg,#8ce6f0,#4ba0f5);border-radius:32px;box-shadow:0 70px 30px -50px rgba(96,75,74,.2);height:300px;margin-top:6%;padding:3px;position:relative;transition:all .5s ease-in-out;width:300px}.my-card .mail{background:transparent;border:none;position:absolute;right:2rem;top:1.4rem}.my-card .mail svg{stroke:#e0f3ff;stroke-width:3px}.my-card .mail svg:hover{stroke:#4ba0f5}.my-card .profile-pic{border:0 solid #e0f3ff;border-radius:29px;height:calc(100% - 6px);left:3px;overflow:hidden;position:absolute;top:3px;transition:all .5s ease-in-out .2s,z-index .5s ease-in-out .2s;width:calc(100% - 6px);z-index:1}.my-card .profile-pic img,.my-card .profile-pic svg{height:100%;object-fit:cover;object-position:0 0;transition:all .5s ease-in-out 0s;width:100%}.my-card .profile-pic svg{-webkit-transform-origin:45% 20%;transform-origin:45% 20%}.my-card .bottom{background:hsla(0,0%,100%,.8);border-radius:29px;bottom:3px;box-shadow:inset 0 5px 5px 0 rgba(96,75,74,.2);left:3px;overflow:hidden;position:absolute;right:3px;top:80%;transition:all .5s cubic-bezier(.645,.045,.355,1) 0s;z-index:2}.my-card .bottom .content{bottom:0;height:160px;left:1.5rem;position:absolute;right:1.5rem}.my-card .bottom .content .name{color:#333;display:block;font-size:1.2rem;font-weight:700}.my-card .bottom .content .about-me{color:#666;display:block;font-size:.9rem;margin-top:1rem}.my-card .bottom .bottom-bottom{align-items:center;bottom:1rem;display:flex;justify-content:space-between;left:1.5rem;position:absolute;right:1.5rem}.my-card .bottom .bottom-bottom .social-links-container{display:flex;gap:1rem}.my-card .bottom .bottom-bottom .social-links-container svg{fill:#333;-webkit-filter:drop-shadow(0 5px 5px hsla(3,16%,58%,.2));filter:drop-shadow(0 5px 5px rgba(165,132,130,.2));height:20px}.my-card .bottom .bottom-bottom .social-links-container svg:hover{fill:#4ba0f5;-webkit-transform:scale(1.2);transform:scale(1.2)}.my-card .bottom .bottom-bottom .button{background:#fff;border:none;border-radius:20px;box-shadow:0 5px 5px 0 hsla(3,16%,58%,.2);color:#4ba0f5;font-size:.6rem;padding:.4rem .6rem}.my-card .bottom .bottom-bottom .button:hover{background:#4ba0f5;color:#fff}.my-card:hover{border-top-left-radius:55px}.my-card:hover .bottom{border-radius:80px 29px 29px 29px;top:20%;transition:all .5s cubic-bezier(.645,.045,.355,1) .2s}.my-card:hover .profile-pic{aspect-ratio:1;border:7px solid #e0f3ff;border-radius:50%;box-shadow:0 5px 5px 0 rgba(96,75,74,.2);height:100px;left:10px;top:10px;transition:all .5s ease-in-out,z-index .5s ease-in-out .1s;width:100px;z-index:3}.my-card:hover .profile-pic:hover{border-radius:0;-webkit-transform:scale(1.3);transform:scale(1.3)}.my-card:hover .profile-pic img{object-position:0 25px}.my-card:hover .profile-pic img,.my-card:hover .profile-pic svg{-webkit-transform:scale(2.5);transform:scale(2.5);transition:all .5s ease-in-out .5s}.contact-container{align-items:center;display:flex;flex-direction:column;gap:2rem;padding:2rem}.my-card{max-width:320px;width:90%}@media (min-width:768px){.contact-container{flex-direction:row;flex-wrap:wrap;justify-content:center}}.project-container{margin-top:5%}.project-card{height:400px;margin:60px;width:350px}.project-card .card{background:linear-gradient(135deg,#00ffd6,#1b85db);border-radius:50px;box-shadow:40px 50px 25px -40px rgba(5,71,17,0),0 25px 25px -5px rgba(5,71,17,.2);height:350px;width:400px}.project-card .card,.project-card .glass{-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transition:all .5s ease-in-out}.project-card .glass{background:linear-gradient(0deg,hsla(0,0%,100%,.349),hsla(0,0%,100%,.815));border-bottom:1px solid #fff;border-left:1px solid #fff;border-radius:55px;border-top-right-radius:100%;inset:8px;position:absolute;-webkit-transform:translateZ(25px);transform:translateZ(25px)}.project-card .content{padding:100px 60px 0 30px;-webkit-transform:translateZ(26px);transform:translateZ(26px)}.project-card .content .title{color:#00894d;display:block;font-size:20px;font-weight:900}.project-card .content .text{color:rgba(0,137,78,.765);display:block;font-size:15px;margin-top:20px}.project-card .bottom{align-items:center;bottom:20px;display:flex;justify-content:space-between;left:20px;padding:10px 12px;position:absolute;right:20px;-webkit-transform:translateZ(26px);transform:translateZ(26px);-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.project-card .bottom .view-more{align-items:center;display:flex;justify-content:flex-end;transition:all .2s ease-in-out;width:40%}.project-card .bottom .view-more:hover{-webkit-transform:translateZ(10px);transform:translateZ(10px)}.project-card .bottom .view-more .view-more-button{background:none;border:none;color:#00c37b;font-size:12px;font-weight:bolder}.project-card .bottom .view-more .svg{fill:none;stroke:#00c37b;stroke-width:3px;max-height:15px}.project-card .bottom .social-buttons-container{display:flex;gap:10px;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.project-card .bottom .social-buttons-container .social-button{aspect-ratio:1;background:linear-gradient(135deg,#8ce6f0,#4ba0f5);border:none;border-radius:50%;box-shadow:0 7px 5px -5px rgba(5,71,17,.5);display:grid;padding:5px;place-content:center;justify-content:flex-end;width:30px}.project-card .bottom .social-buttons-container .social-button:first-child{transition:box-shadow .2s ease-in-out .4s,-webkit-transform .2s ease-in-out .4s;transition:transform .2s ease-in-out .4s,box-shadow .2s ease-in-out .4s;transition:transform .2s ease-in-out .4s,box-shadow .2s ease-in-out .4s,-webkit-transform .2s ease-in-out .4s}.project-card .bottom .social-buttons-container .social-button:nth-child(2){transition:box-shadow .2s ease-in-out .6s,-webkit-transform .2s ease-in-out .6s;transition:transform .2s ease-in-out .6s,box-shadow .2s ease-in-out .6s;transition:transform .2s ease-in-out .6s,box-shadow .2s ease-in-out .6s,-webkit-transform .2s ease-in-out .6s}.project-card .bottom .social-buttons-container .social-button:nth-child(3){transition:box-shadow .2s ease-in-out .8s,-webkit-transform .2s ease-in-out .8s;transition:transform .2s ease-in-out .8s,box-shadow .2s ease-in-out .8s;transition:transform .2s ease-in-out .8s,box-shadow .2s ease-in-out .8s,-webkit-transform .2s ease-in-out .8s}.project-card .bottom .social-buttons-container .social-button .svg{fill:#00894d;width:15px}.project-card .bottom .social-buttons-container .social-button:hover{background:#000}.project-card .bottom .social-buttons-container .social-button:hover .svg{fill:#fff}.project-card .bottom .social-buttons-container .social-button:active{background:#ffea00}.project-card .bottom .social-buttons-container .social-button:active .svg{fill:#000}.project-card .logo{position:absolute;right:0;top:0;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.project-card .logo .circle{aspect-ratio:1;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:rgba(0,249,203,.2);border-radius:50%;box-shadow:-10px 10px 20px 0 hsla(240,5%,41%,.2);display:block;position:absolute;right:0;top:0;transition:all .5s ease-in-out}.project-card .logo .circle1{right:8px;top:8px;-webkit-transform:translateZ(20px);transform:translateZ(20px);width:170px}.project-card .logo .circle2{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);right:10px;top:10px;-webkit-transform:translateZ(40px);transform:translateZ(40px);transition-delay:.4s;width:140px}.project-card .logo .circle3{right:17px;top:17px;-webkit-transform:translateZ(60px);transform:translateZ(60px);transition-delay:.8s;width:110px}.project-card .logo .circle4{right:23px;top:23px;-webkit-transform:translateZ(80px);transform:translateZ(80px);transition-delay:1.2s;width:80px}.project-card .logo .circle5{display:grid;place-content:center;right:30px;top:30px;-webkit-transform:translateZ(100px);transform:translateZ(100px);transition-delay:1.6s;width:50px}.project-card .logo .circle5 .svg{fill:#fff;width:20px}.project-card:hover .card{box-shadow:30px 50px 25px -40px rgba(5,71,17,.3),0 25px 30px 0 rgba(5,71,17,.1);-webkit-transform:rotate3d(1,1,0,30deg);transform:rotate3d(1,1,0,30deg)}.project-card:hover .card .bottom .social-buttons-container .social-button{box-shadow:-5px 20px 10px 0 rgba(5,71,17,.2);-webkit-transform:translateZ(50px);transform:translateZ(50px)}.project-card:hover .card .logo .circle2{-webkit-transform:translateZ(60px);transform:translateZ(60px)}.project-card:hover .card .logo .circle3{-webkit-transform:translateZ(80px);transform:translateZ(80px)}.project-card:hover .card .logo .circle4{-webkit-transform:translateZ(100px);transform:translateZ(100px)}.project-card:hover .card .logo .circle5{-webkit-transform:translateZ(120px);transform:translateZ(120px)}.project-container{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.project-card{height:300px;-webkit-perspective:1000px;perspective:1000px;width:290px}@media (max-width:768px){.project-card{max-width:290px;width:100%}}.skills-section{flex-wrap:wrap;justify-content:space-between;margin-top:4%;width:100%}.skills-container,.skills-section{align-items:center;box-sizing:border-box;display:flex;padding:20px}.skills-container{background:linear-gradient(135deg,#8ce6f0,#4ba0f5);border-radius:15px;box-shadow:0 5px 15px rgba(0,0,0,.35);flex-direction:column;margin-right:5%;width:50%}.skills-heading{color:#305070;font-size:2.5rem;margin-bottom:20px;margin-top:7%;padding:0 10px;position:relative;text-align:center}.skills-icons{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.icon-container{align-items:center;color:#fff;display:flex;flex-direction:column;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}.icon-container:hover{-webkit-transform:translateY(-3px);transform:translateY(-3px)}.icon-container .icon-label{font-size:.9rem;margin-top:5px;text-align:center}.icon-container svg{height:50px;width:50px}.gif-container{align-items:center;display:flex;height:400px;justify-content:center;margin-left:10%;width:20%;width:400px}.gif-container img{border-radius:15px;height:auto;width:100%}@media (max-width:768px){.skills-section{align-items:center;flex-direction:column;justify-content:center}.skills-container{margin-bottom:20px;margin-right:0;width:90%}.gif-container{margin:0 auto 20px;width:90%}.gif-container img{height:auto;width:100%}}

/*
! tailwindcss v3.2.4 | MIT License | https://tailwindcss.com
*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}html{-webkit-text-size-adjust:100%;-webkit-font-feature-settings:normal;font-feature-settings:normal;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{color:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}textarea{resize:vertical}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]{display:none}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::-webkit-backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.top-full{top:100%}.left-0{left:0}.right-0{right:0}.left-5{left:1.25rem}.top-\[80\%\]{top:80%}.z-50{z-index:50}.order-2{order:2}.order-1{order:1}.col-span-2{grid-column:span 2/span 2}.col-span-3{grid-column:span 3/span 3}.mx-auto{margin-left:auto;margin-right:auto}.my-40{margin-bottom:10rem}.mt-40,.my-40{margin-top:10rem}.mt-10{margin-top:2.5rem}.mt-20{margin-top:5rem}.mt-8{margin-top:2rem}.mt-16{margin-top:4rem}.mb-4{margin-bottom:1rem}.mt-14{margin-top:3.5rem}.inline-block{display:inline-block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.h-auto{height:auto}.w-full{width:100%}.max-w-md{max-width:28rem}.flex-1{flex:1 1}.origin-left{-webkit-transform-origin:left;transform-origin:left}.-rotate-90{--tw-rotate:-90deg;-webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.resize-none{resize:none}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-20{gap:5rem}.gap-8{gap:2rem}.gap-6{gap:1.5rem}.gap-16{gap:4rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-3{gap:.75rem}.justify-self-end{justify-self:end}.overflow-hidden{overflow:hidden}.rounded-full{border-radius:9999px}.border{border-width:1px}.border-white\/20{border-color:hsla(0,0%,100%,.2)}.bg-transparent{background-color:initial}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity))}.bg-black\/50{background-color:rgba(0,0,0,.5)}.object-cover{object-fit:cover}.p-4{padding:1rem}.p-3{padding:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.py-4{padding-bottom:1rem;padding-top:1rem}.px-8{padding-left:2rem;padding-right:2rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.text-center{text-align:center}.text-7xl{font-size:4.5rem;line-height:1}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-sm{font-size:.875rem;line-height:1.25rem}.uppercase{text-transform:uppercase}.leading-relaxed{line-height:1.625}.leading-none{line-height:1}.tracking-wider{letter-spacing:.05em}.text-white\/50{color:hsla(0,0%,100%,.5)}.text-cyan-400{--tw-text-opacity:1;color:rgb(34 211 238/var(--tw-text-opacity))}.text-white\/75{color:hsla(0,0%,100%,.75)}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.backdrop-blur-lg{--tw-backdrop-blur:blur(16px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.duration-500{transition-duration:.5s}@font-face{font-family:Cosi Azure;src:url(/static/media/CosiAzure-Bold.075a131a6977ad2fce57.ttf)}:root{--color-dark:#050505;--color-light:#f7f7ff}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-thumb{background-color:#909090;border-radius:50px;height:10%}::-webkit-scrollbar-thumb:hover{background-color:#727272}::-webkit-scrollbar-track{background-color:#050505;background-color:var(--color-dark)}::selection{background-color:#22d3ee;color:#050505;color:var(--color-dark)}*,:after,:before{cursor:none}html{font-size:62.5%}body{background-color:#050505;background-color:var(--color-dark);color:#f7f7ff;color:var(--color-light);font-family:Michroma,sans-serif;font-size:1.5rem;letter-spacing:1.5px;line-height:1.6;overflow-x:hidden;word-spacing:2.5px}.inner-cursor{background-color:#f7f7ff;background-color:var(--color-light);border-radius:50%;height:10px;left:10px;mix-blend-mode:difference;pointer-events:none;position:fixed;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:width height .5s .5;width:10px;z-index:999}.inner-cursor.grow{height:20px;transition:width height .5s .5;width:20px}.outer-cursor{border:1px solid #f7f7ff;border:1px solid var(--color-light);border-radius:50%;height:20px;left:10px;mix-blend-mode:difference;pointer-events:none;position:fixed;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:.1s;width:20px;z-index:999}input[type=submit]{letter-spacing:inherit;word-spacing:inherit}.app{position:relative}.noise{background-image:url(/static/media/noise.2290dc385105e3fd9a35.gif);bottom:0;height:100vh;left:0;opacity:.07;position:fixed;right:0;top:0;width:100vw;z-index:-999}.link-item{position:relative}.link-item:after{background-color:#f7f7ff;background-color:var(--color-light);bottom:-2px;content:"";height:1.5px;left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);transition:.3s;width:0}.link-item:hover:after{width:100%}.hero{position:relative}.about-left,.hero-img,.project-right{height:350px;overflow:hidden;width:350px}.shutter{font-family:Cosi Azure,sans-serif;font-size:6rem;position:absolute;z-index:100}.shutter-left{left:0;top:0}.shutter-right{bottom:0;right:0}.circle-left,.circle-right{-webkit-animation:spin 90s linear infinite;animation:spin 90s linear infinite;border:.15rem dashed #f7f7ff;border:.15rem dashed var(--color-light);border-radius:50%;height:700px;opacity:.3;position:fixed;width:700px;z-index:-990}@-webkit-keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.circle-left{left:-20%;top:-40%}.circle-right{bottom:-40%;right:-20%}.projects-section-title{font-family:Cosi Azure;font-size:6rem;line-height:1}.skill-itme{position:relative}.skill-itme:after,.skill-itme:before{background-color:#f7f7ff;background-color:var(--color-light);bottom:0;content:"";height:1px;left:0;position:absolute}.skill-itme:before{opacity:.2;transition:1.5s;width:0}.skill-itme.reveal:before{width:100%}.skill-itme:after{background-color:#22d3ee;transition:.5s;width:0}.skill-itme:hover:after{width:100%}.skill-number{font-size:4rem}.skill-name{font-size:2rem}.hover\:border-cyan-50\/20:hover{border-color:rgba(236,254,255,.2)}.hover\:border-cyan-400\/20:hover{border-color:rgba(34,211,238,.2)}.hover\:bg-cyan-400\/20:hover{background-color:rgba(34,211,238,.2)}.hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.hover\:text-cyan-400:hover{--tw-text-opacity:1;color:rgb(34 211 238/var(--tw-text-opacity))}.focus\:border-cyan-400:focus{--tw-border-opacity:1;border-color:rgb(34 211 238/var(--tw-border-opacity))}@media (min-width:768px){.md\:order-1{order:1}.md\:order-2{order:2}.md\:col-span-3{grid-column:span 3/span 3}.md\:col-span-2{grid-column:span 2/span 2}.md\:mt-0{margin-top:0}.md\:mt-40{margin-top:10rem}.md\:mb-0{margin-bottom:0}.md\:w-1\/2{width:50%}.md\:w-auto{width:auto}.md\:max-w-full{max-width:100%}.md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:gap-24{gap:6rem}}@media (min-width:1024px){.lg\:static{position:static}.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:flex-row{flex-direction:row}.lg\:items-center{align-items:center}.lg\:gap-7{gap:1.75rem}.lg\:bg-transparent{background-color:initial}.lg\:p-0{padding:0}.lg\:shadow-none{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}}
/*# sourceMappingURL=main.42dad87e.css.map*/