@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800;900&display=swap);
/*
! tailwindcss v3.1.8 | 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%;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%}*,: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: }.mx-auto{margin-left:auto;margin-right:auto}.mt-12{margin-top:3rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-2{margin-top:.5rem}.mt-6{margin-top:1.5rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.inline-block{display:inline-block}.flex{display:flex}.hidden{display:none}.h-14{height:3.5rem}.w-full{width:100%}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.gap-3{gap:.75rem}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-1{gap:.25rem}.gap-6{gap:1.5rem}.self-start{align-self:flex-start}.rounded-full{border-radius:9999px}.border-b-2{border-bottom-width:2px}.border-solid{border-style:solid}.border-\[\#eee8aa\]{--tw-border-opacity:1;border-color:rgb(238 232 170/var(--tw-border-opacity))}.bg-zinc-900{--tw-bg-opacity:1;background-color:rgb(24 24 27/var(--tw-bg-opacity))}.bg-\[\#eee8aa\]{--tw-bg-opacity:1;background-color:rgb(238 232 170/var(--tw-bg-opacity))}.p-5{padding:1.25rem}.p-1{padding:.25rem}.p-4{padding:1rem}.p-2{padding:.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.py-12{padding-bottom:3rem;padding-top:3rem}.px-3{padding-left:.75rem;padding-right:.75rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-8{padding-left:2rem;padding-right:2rem}.px-4{padding-left:1rem;padding-right:1rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.pt-3{padding-top:.75rem}.pb-1{padding-bottom:.25rem}.pb-5{padding-bottom:1.25rem}.text-center{text-align:center}.text-sm{font-size:.875rem;line-height:1.25rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.underline{text-decoration-line:underline}.decoration-\[\#eee8aa\]{text-decoration-color:#eee8aa}*{box-sizing:border-box;margin:0;padding:0;scroll-behavior:smooth;scroll-padding-top:46px}body{background-color:#18181b;color:#fff;font-family:Poppins,"sans-serif"}:root{--yellow:#eee8aa}#large-btn,#menu-btn{background-color:rgba(37,37,37,0);border:none;cursor:pointer;outline:none;padding-bottom:1rem;position:relative;transition:all .25s;width:1.3rem}.hamburger-bottom,.hamburger-middle,.hamburger-top{background-color:#fff;height:1.5px;left:0;position:absolute;top:0;-webkit-transform:rotate(0);transform:rotate(0);transition:all .5s;width:100%}.hamburger-middle{-webkit-transform:translateY(6px);transform:translateY(6px)}.hamburger-bottom{-webkit-transform:translateY(12px);transform:translateY(12px)}.open_hamburger{-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-transform:translateY(0);transform:translateY(0)}.open_hamburger .hamburger-top{-webkit-transform:rotate(45deg) translateY(6px) translate(6px);transform:rotate(45deg) translateY(6px) translate(6px)}.open_hamburger .hamburger-middle{display:none}.open_hamburger .hamburger-bottom{-webkit-transform:rotate(-45deg) translateY(6px) translate(-6px);transform:rotate(-45deg) translateY(6px) translate(-6px)}::-webkit-scrollbar{width:0}::-webkit-scrollbar-track{background:#18181b}::-webkit-scrollbar-thumb,::-webkit-scrollbar-thumb:hover{background:#eee8aa;background:var(--yellow)}html{font-size:16px}.loading_page{background-color:#18181b;color:#eee8aa;color:var(--yellow);height:100vh;overflow:hidden;position:absolute;width:100%;z-index:20}.loading_page img{-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:myanimation;animation-name:myanimation;height:5rem}@-webkit-keyframes myanimation{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes myanimation{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}to{-webkit-transform:scale(1);transform:scale(1)}}nav{background-color:#18181b;box-shadow:0 0 10px #0c0c0c;position:fixed;width:100%;z-index:15}.page,nav>i{position:relative}nav>i{cursor:pointer;z-index:5}.content{box-shadow:0 0 10px #0c0c0c;display:grid;grid-template-columns:1fr;grid-template-rows:100%;height:100%;position:relative}.main__nav{display:flex;z-index:1}#side.open{-webkit-transform:translateX(0);transform:translateX(0)}.side_bar{box-shadow:4px 0 10px #0c0c0c;left:0;max-width:300px;min-height:100vh;position:fixed;top:0;-webkit-transform:translateX(-150%);transform:translateX(-150%);transition:all .6s ease-in-out;width:40vh;z-index:2}.side_bar_content{display:grid;grid-template-rows:auto 1fr auto;height:100%}.side_bar_content>div:nth-of-type(2){overflow:scroll;overflow-x:hidden}.side_bar_content hr{border:.5px solid #2b2b31;margin:.1rem 0}.side_bar_content li:before{color:#eee8aa;color:var(--yellow);content:"\f00c";font-family:Font Awesome\ 6 free;font-size:1rem;font-weight:900;margin-right:.5rem}.cv_btn{background-color:#eee8aa;background-color:var(--yellow);color:#18181b;font-size:.9rem;font-weight:700;width:100%}.hover_btn:hover{-webkit-transform:scale(.96);transform:scale(.96);transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out,-webkit-transform .2s ease-in-out}.card{text-align:center}.card>div{position:relative}.card>div span{background-color:#eee8aa;background-color:var(--yellow);border-radius:50%;bottom:2%;height:1rem;position:absolute;right:15%;width:1rem}.card>div span:after{background-color:#fff;content:" ";height:1.5rem;width:1.5rem}.card>div>img{border-radius:50%;height:6rem;width:6rem}.social{font-size:1.5rem;transition:all .4s ease-in;width:100%}.social a:hover{color:#eee8aa;color:var(--yellow);-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}#navbar{box-shadow:0 4px 10px #0c0c0c;display:grid;flex-shrink:0;grid-template-rows:auto 1fr;min-height:100vh;position:fixed;right:0;top:0;-webkit-transform:translateX(150%);transform:translateX(150%);transition:all .6s ease-in-out;z-index:5}.navBtn{box-shadow:8px 3px 10px #0c0c0c}#navbar.open{-webkit-transform:translateX(0);transform:translateX(0)}#navbar.left{left:0;width:50%}#navbar_content>div{margin-top:7rem}#navbar_content ul{color:#fff}.main{flex-shrink:0;position:relative;transition:left .6s ease-in-out;width:100%}.main,.main.left{left:0}.bg-image{height:25rem;position:relative;width:100%}.bg-image>div,.bg-image>img{height:100%;position:absolute;width:100%}.bg-image>div{background-image:linear-gradient(180deg,rgb(0,0,0,.8),rgba(24,24,27,.9),#18181b)}.main>main{height:100%;position:absolute;top:0;width:100%}main .hero{background-image:linear-gradient(rgba(0,0,0,.7),rgba(0,0,0,.7)),url(https://images.unsplash.com/photo-1610552050890-fe99536c2615?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxzZWFyY2h8NHx8bW91bnRhaW4lMjBsYW5kc2NhcGV8ZW58MHx8MHx8&w=1000&q=80);background-repeat:no-repeat;background-size:cover}.avatar{-webkit-animation:slideInAvatar 1.2s ease-in-out;animation:slideInAvatar 1.2s ease-in-out;-webkit-filter:drop-shadow(5px 5px 5px #0c0c0c);filter:drop-shadow(5px 5px 5px rgb(12,12,12));height:15rem}@-webkit-keyframes slideInAvatar{0%{-webkit-transform:translateX(150%);transform:translateX(150%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInAvatar{0%{-webkit-transform:translateX(150%);transform:translateX(150%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}.hero h1{font-size:2rem;font-weight:800}.hero a{background-color:#eee8aa;background-color:var(--yellow);color:#18181b;font-weight:700;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;padding:.8rem;text-align:center}.hero #typed_text{font-size:1.1rem}.hero #typed_text strong{-webkit-text-decoration:underline 3px #eee8aa;text-decoration:underline 3px #eee8aa;-webkit-text-decoration:underline 3px var(--yellow);text-decoration:underline 3px var(--yellow)}.typing_effect{height:2rem}.type-wrap{display:inline}.hero code{font-weight:700}.hero code span{color:#eee8aa;color:var(--yellow)}.blockquote{align-self:center;border-bottom:1px solid;border-top:1px solid;font-family:Raleway;margin:2rem auto;max-width:500px;padding:2rem 0;width:100%;z-index:1}.blockquote,.blockquote h1{color:#fff;font-weight:800;position:relative}.blockquote h1{font-size:2.5rem;line-height:1;margin:0}.blockquote:after{bottom:-5%;content:"\f10e";font-family:Font Awesome\ 6 free;font-size:6rem;font-weight:900;line-height:0;position:absolute;right:0}.blockquote h4,.blockquote:after{color:#eee8aa;color:var(--yellow)}.blockquote h4{font-weight:400;line-height:1;margin-top:1rem;z-index:1}.blockquote h4,main h2{font-size:1.2rem;position:relative}main h2{font-weight:800}main h2:after{border-bottom:3px solid #eee8aa;border-bottom:3px solid var(--yellow);bottom:0;content:"";left:0;position:absolute;width:1.5rem}.about img{display:block;height:11rem;width:11rem}.about>div>div:first-of-type{flex-shrink:0}.about p{text-align:center}.stack>div>div{border-radius:10%;padding:1rem}.stack img{-webkit-filter:drop-shadow(5px 5px 3px #0c0c0c);filter:drop-shadow(5px 5px 3px rgb(12,12,12));height:4.5rem}.stack_icon{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0);transition:all .3s ease-in-out}.stack_icon.pop{-webkit-transform:scale(1.2) translateY(-.6rem);transform:scale(1.2) translateY(-.6rem)}.certifications{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr}.cert_list{border-left:3px solid #eee8aa;border-left:3px solid var(--yellow);padding:2rem 1rem;position:relative}.cert_list a{transition:all .1s ease}.cert_list a,.cert_list a:hover{color:#eee8aa;color:var(--yellow)}.cert_list a:hover{font-weight:700;text-decoration:underline}.cert_list:before{color:#eee8aa;color:var(--yellow);content:"\f111";font-family:Font Awesome\ 6 free;font-size:1rem;font-weight:900;left:-10px;position:absolute}.projects{overflow:hidden}.projects>div{display:flex;flex-wrap:wrap;gap:2rem}.project_card{box-shadow:0 0 10px #0c0c0c;cursor:pointer;flex-grow:1;height:20rem;min-width:5rem;overflow:hidden;position:relative;width:20rem}.project_card>div{background-color:rgba(0,0,0,.9);bottom:0;padding:1rem;-webkit-transform:translateY(0);transform:translateY(0)}.project_card>div,.project_card_image{position:absolute;transition:all .5s ease-in-out;width:100%}.project_card_image{-webkit-filter:brightness(100%);filter:brightness(100%);height:100%;object-fit:cover}.project_card a{background-color:#eee8aa;background-color:var(--yellow);color:#000;font-weight:700;padding:.5rem 1rem;transition:all .2s ease-in-out}.project_card a:hover{-webkit-transform:translateY(-7px);transform:translateY(-7px)}.project_card:hover>*{-webkit-transform:translateY(0);transform:translateY(0)}.project_card:hover>.project_card_image{-webkit-filter:brightness(100%);filter:brightness(100%);-webkit-transform:scale(1.2);transform:scale(1.2)}.contact>div{background-color:#18181b;box-shadow:0 0 10px #0c0c0c}.contact form{display:flex;flex-direction:column;gap:2rem}.contact form>div{display:grid;grid-template-columns:auto 1fr}label{align-items:center;background-color:#141414;display:flex;font-size:.8rem;justify-content:center;padding:1rem}.contact input,.contact textarea{background-color:#2b2b31;border:none;color:#fff;outline:none;padding:.5rem;width:100%}.contact button{background-color:#eee8aa;background-color:var(--yellow);color:#000;font-size:.9rem;font-weight:700;padding:.5rem 1rem}footer{font-size:.8rem}footer img{height:1.5rem}@media (min-width:1024px){html{font-size:17px}.bg-image,.page{position:relative}.page{height:100vh;margin:auto;max-height:1000px;max-width:1600px}.content,.page{overflow:hidden}.content{display:grid;grid-template-columns:1fr 4fr;grid-template-rows:100%}.main__nav{display:flex}#side{height:100%;position:static;-webkit-transform:translateX(0);transform:translateX(0);width:100%}.side_bar_content{height:90%}.main{left:0;width:94%}.main.left{left:-13%}#navbar{height:100%;left:0;position:relative;-webkit-transform:translateX(0);transform:translateX(0);width:6%}#navbar.left{left:-13%;width:19%}.avatar{height:20rem}.hero h1{font-size:3rem}.main>main{overflow:scroll;overflow-x:hidden}.main>main::-webkit-scrollbar{width:10px}.certifications{grid-template-columns:1fr 1fr}.project_card>div{-webkit-transform:translateY(150%);transform:translateY(150%)}.project_card_image{-webkit-filter:brightness(80%);filter:brightness(80%)}.project_card>a{-webkit-transform:translateY(-150%);transform:translateY(-150%)}.loading_page{height:100%}.lg\:mx-0{margin-left:0;margin-right:0}.lg\:mt-0{margin-top:0}.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:flex-row{flex-direction:row}.lg\:justify-between{justify-content:space-between}.lg\:gap-4{gap:1rem}.lg\:p-8{padding:2rem}.lg\:px-8{padding-left:2rem;padding-right:2rem}.lg\:py-12{padding-bottom:3rem;padding-top:3rem}.lg\:px-12{padding-left:3rem;padding-right:3rem}.lg\:pt-0{padding-top:0}.lg\:pt-5{padding-top:1.25rem}.lg\:text-start{text-align:start}}
/*# sourceMappingURL=main.fce4f203.css.map*/