:root{--space-unit: 1rem}@media (min-width: 1440px){:root{--space-unit: 1.5rem}}:root,*{--space-xxxxs: calc(.177 * var(--space-unit));--space-xxxs: calc(.25 * var(--space-unit));--space-xxs: calc(.354 * var(--space-unit));--space-xs: calc(.5 * var(--space-unit));--space-sm: calc(.707 * var(--space-unit));--space-md: calc(1 * var(--space-unit));--space-lg: calc(1.414 * var(--space-unit));--space-xl: calc(1.999 * var(--space-unit));--space-xxl: calc(2.827 * var(--space-unit));--space-xxxl: calc(3.998 * var(--space-unit));--space-xxxxl: calc(5.65 * var(--space-unit));--component-padding: var(--space-md)}:root{--font-primary: "Eb Garamond", serif;--font-secondary: "Montserrat";--text-base-size: 1rem;--text-scale-ratio: 1.414;--body-line-height: 1.4;--heading-line-height: 1.2;--font-primary-capital-letter: 1;--font-secondary-capital-letter: 1;--text-unit: var(--text-base-size)}@media (min-width: 768px){:root{--text-scale-ratio: 1.5}}@media (max-width: 350px){:root{--text-scale-ratio: 1.25}}:root,*{--text-xs: calc((var(--text-unit) / var(--text-scale-ratio)) / var(--text-scale-ratio));--text-sm: calc(var(--text-xs) * var(--text-scale-ratio));--text-md: calc(var(--text-sm) * var(--text-scale-ratio) * var(--text-scale-ratio));--text-lg: calc(var(--text-md) * var(--text-scale-ratio));--text-xl: calc(var(--text-lg) * var(--text-scale-ratio));--text-xxl: calc(var(--text-xl) * var(--text-scale-ratio));--text-xxxl: calc(var(--text-xxl) * var(--text-scale-ratio));--text-xxxxl: calc(var(--text-xxxl) * var(--text-scale-ratio))}body{font-family:var(--font-primary)}h1,h2,h3,h4{font-family:var(--font-secondary);--heading-font-weight: 700}html,body{font-size:62.5%}body{display:flex;flex-direction:column;min-height:100vh}a{text-decoration:none}img{height:auto}input,button,textarea,select{font-family:inherit}button{border:none;cursor:pointer}textarea{resize:vertical}table{border-collapse:collapse;border-spacing:0}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{position:relative;padding:var(--space-sm) var(--space-md) 0 var(--space-md);background-color:#f5f1f0}.loader{position:fixed;top:0;left:0;width:100%;height:100dvh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:var(--space-xxxxl);padding:0 10%;overflow:hidden;background-color:#f5f1f0;opacity:1;transition:opacity 1s ease-in-out;z-index:10000}.loader__text{font-size:var(--text-xl)}.loader .loader__bar{--uib-size: 80px;--uib-color: black;--uib-speed: 1.4s;--uib-stroke: 5px;--uib-bg-opacity: .1;position:relative;display:flex;align-items:center;justify-content:center;height:var(--uib-stroke);width:var(--uib-size);border-radius:calc(var(--uib-stroke) / 2);overflow:hidden;transform:translateZ(0)}.loader .loader__bar:before{content:"";position:absolute;top:0;left:0;height:100%;width:100%;background-color:var(--uib-color);opacity:var(--uib-bg-opacity);transition:background-color .3s ease}.loader .loader__bar:after{content:"";height:100%;width:100%;border-radius:calc(var(--uib-stroke) / 2);animation:zoom var(--uib-speed) ease-in-out infinite;transform:translate(-100%);background-color:var(--uib-color);transition:background-color .3s ease}@keyframes zoom{0%{transform:translate(-100%)}to{transform:translate(100%)}}.wrapper{max-width:2560px;margin:0 auto}.header{position:relative;height:95vh;height:100svh;width:100%}.header .nav{position:fixed;width:calc(100% - 2 * var(--space-lg));max-width:1280px;background-color:#0000;left:50%;transform:translate(-50%);display:flex;align-items:center;justify-content:space-evenly;top:var(--space-xxxl);text-align:center;mix-blend-mode:exclusion;z-index:100}.header .nav__logo{width:30px;pointer-events:none}.header .nav__links{padding:var(--space-sm);font-family:Eb Garamond,serif;font-size:var(--text-lg);color:#f5f1f0;mix-blend-mode:difference;border:3px solid none;transition:background-color .3s ease-in-out,color .3s ease-in-out,outline .3s ease-in-out}.header .nav__links:hover{background-color:#f5f1f0;color:#14100f}.header .nav__links:focus,.header .nav__links:focus-visible{outline:3px solid hsl(12,20%,95%)}.header__text-container{position:absolute;bottom:var(--space-xl);left:var(--space-lg)}.header__logo-asciiart{position:absolute;top:50%;right:0;height:40%;padding-right:5px;transform:translateY(-50%);mix-blend-mode:exclusion}.header__text-asciiart{position:relative;bottom:0;width:65%;mix-blend-mode:exclusion;background:#000}.header__paragraphs{position:relative;bottom:0;font-family:Montserrat,serif;font-weight:700;color:#f5f1f0;font-size:var(--text-xl);mix-blend-mode:exclusion}.header__h1--hidden{visibility:hidden}.header__quote{padding:0 20px 0 0;font-family:Eb Garamond,serif;font-weight:700;color:#f5f1f0;font-size:var(--text-md);line-break:auto;mix-blend-mode:exclusion}.header__clouds{position:absolute;display:flex;align-items:center;justify-content:center;top:15px;border:3px solid hsl(0,0%,56%);width:100%;height:calc(100% + 10px);background-color:#0000;background-blend-mode:exclusion;border-bottom:0;border-radius:30px 30px 0 0;mix-blend-mode:multiply;z-index:-1}.header__clouds>canvas{border-radius:30px 30px 0 0}.header__ending{position:absolute;bottom:-26px;left:3px;width:60%;height:25px;background-color:#f5f1f0;-webkit-clip-path:polygon(0 0,88.8% 0,100% 100%,0 100%);clip-path:polygon(0 0,88.8% 0,100% 100%,0 100%)}.main{position:relative;width:100%;border:3px solid hsl(0,0%,56%);border-top:0;border-bottom:0;flex:1}.main__aboutme{position:relative;padding:0 var(--space-lg);margin-top:var(--space-xxxxl)}.main__aboutme__heading{font-size:var(--text-xxl);font-family:Eb Garamond,serif;font-style:italic;letter-spacing:-2px;text-transform:uppercase}.main__aboutme__paragraph{width:50%;margin-top:var(--space-md);font-size:var(--text-md);color:#5c5c5c;font-family:Montserrat,serif}.main__aboutme__img{position:absolute;top:0;right:25px;width:25%;mix-blend-mode:difference}.main__skills{display:flex;align-items:center;justify-content:center;flex-direction:row;flex-wrap:wrap;gap:var(--space-xl);margin-top:var(--space-xxxxl);padding:0 var(--space-lg)}.main__skills-container{position:relative;bottom:0;height:100%;display:flex;flex-direction:column;justify-content:space-around;gap:var(--space-lg)}.main__skills-container .main__skills__skill{display:flex;flex-direction:row;width:100%}.main__skills__heading{position:relative;top:0;left:var(--space-sm);font-size:var(--text-xl);font-family:Montserrat,serif;font-weight:bolder;font-style:italic;color:#fff;mix-blend-mode:exclusion}.main__skills__skill-name{padding-left:var(--space-xxl);font-size:var(--text-md);font-family:Montserrat,serif;color:#fff;font-weight:600;mix-blend-mode:difference}.main__skills__skills{position:relative;width:100%;padding:var(--space-lg) var(--space-md);background-color:#14100f;border-radius:15px;min-height:200px}@media (min-width: 768px){.main__skills__skills{padding:var(--space-xl) var(--space-lg);max-width:600px;border-radius:30px}}.main__skills__skills .main__skills__skill-name{width:50%}.main__skills__skills .main__progressbar{position:relative;width:45%;background:#8f8f8f}.main__skills__skills .main__progressbar-value--first{position:relative;height:100%;width:75%;background:#fff;z-index:1}.main__skills__skills .main__progressbar-value--second{position:relative;height:100%;width:60%;background:#fff;z-index:1}.main__skills__skills .main__progressbar-value--third{position:relative;height:100%;width:50%;background:#fff;z-index:1}.main__skills__skills .main__progressbar-value--fourth{position:relative;height:100%;width:1%;background:#fff;z-index:1}.main__skills__learning{position:relative;width:100%;padding:var(--space-lg) var(--space-md);background-color:#14100f;border-radius:15px;min-height:200px}@media (min-width: 768px){.main__skills__learning{padding:var(--space-xl) var(--space-lg);max-width:600px;border-radius:30px}}.main__skills__addtSkills{position:relative;width:100%;padding:var(--space-lg) var(--space-md);background-color:#14100f;border-radius:15px;min-height:200px}@media (min-width: 768px){.main__skills__addtSkills{padding:var(--space-xl) var(--space-lg);max-width:600px;border-radius:30px}}.main__skills__technologies{position:relative;width:100%;padding:var(--space-lg) var(--space-md);background-color:#14100f;border-radius:15px;min-height:200px}@media (min-width: 768px){.main__skills__technologies{padding:var(--space-xl) var(--space-lg);max-width:600px;border-radius:30px}}.main__projects{position:relative;width:100%;margin-top:var(--space-xxxxl);margin-bottom:var(--space-xxxl);padding:var(--space-lg);padding-bottom:var(--space-xxl);border-radius:15px 15px 15px 0;background-color:#14100f}.main__projects-container{position:relative;top:0;left:0;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:8px;margin-top:var(--space-lg)}.main__projects__heading{position:relative;top:0;padding-right:var(--space-lg);padding-top:var(--space-sm);background-color:#14100f;color:#f5f1f0;font-family:Eb Garamond,serif;font-size:var(--text-xxl);font-style:italic;text-transform:uppercase;letter-spacing:-2px;z-index:1}.main__projects__info{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#f5f1f0;background-color:#14100f;padding:var(--space-xl);font-size:var(--text-xl);font-family:Montserrat,serif;border-radius:15px;z-index:1}.main__projects__project{position:relative;width:100%;height:200px;background-color:#f5f1f0;transition:.5s background-color;border-radius:15px}.main__projects__project:hover{background-color:#f5f1f0}.main__projects__project--first{grid-column:1/span 2;grid-row:1}.main__projects__project--second{grid-column:3;grid-row:1}.main__projects__project--third{grid-column:1/span 3;grid-row:2}.main__projects .desktop-only{display:none}.main__projects__ending{position:absolute;bottom:-14px;left:0;width:60%;height:15px;background-color:#14100f;transform:rotateX(180deg);-webkit-clip-path:polygon(0 0,88.8% 0,100% 100%,0 100%);clip-path:polygon(0 0,88.8% 0,100% 100%,0 100%);border-radius:15px 0 0}.footer{position:relative;width:100%;margin-bottom:calc(var(--space-sm) + 15px);padding:0 var(--space-lg)}.footer__heading{position:relative;color:#f5f1f0;font-size:var(--text-xl);font-family:Eb Garamond,serif;font-style:italic;text-transform:uppercase;mix-blend-mode:exclusion}.footer__artwork{position:relative;top:50%;left:0;width:100%;font-size:2px;color:#f5f1f0;font-family:monospace;white-space:pre;text-align:center;mix-blend-mode:exclusion;margin:var(--space-lg)}.footer .mobile-version{display:block}.footer .desktop-version{display:none}.footer__contact{position:relative;bottom:0;color:#f5f1f0;font-size:var(--text-xl);font-family:Montserrat,serif;font-weight:700;text-wrap:balance;mix-blend-mode:exclusion}.footer__contact__heading{font-family:Eb Garamond,serif;font-size:var(--text-xxl);font-style:oblique;font-weight:900;color:#f5f1f0;mix-blend-mode:exclusion}.footer__contact__arrow{height:var(--text-lg);color:#f5f1f0;margin-right:var(--space-md);mix-blend-mode:exclusion}.footer__contact__container{font-family:Montserrat,serif;font-size:var(--text-xl);font-weight:700;color:#f5f1f0;mix-blend-mode:exclusion;display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-lg)}.footer__contact__container--email{display:flex;align-items:center}.footer__contact__github,.footer__contact__linkedin{height:var(--text-xl);mix-blend-mode:exclusion}.footer__contact .link{color:#f5f1f0;text-decoration:none;transition:color .3s ease-in-out,outline .3s ease-in-out}.footer__contact .link:hover{color:#8f8f8f}.footer__contact .link:visited{color:#f5f1f0}.footer__contact .link:focus,.footer__contact .link:focus-visible{outline:3px solid hsl(12,20%,95%)}.footer__clouds{position:absolute;display:flex;align-items:center;justify-content:center;overflow:hidden;top:-50px;left:0;width:100%;height:calc(100% + 50px);background-color:#0000;background-blend-mode:exclusion;border:3px solid hsl(0,0%,56%);border-top:0;border-radius:0 0 30px 30px;mix-blend-mode:multiply;z-index:-1}.footer__clouds>canvas{border-radius:0}.footer__endHeading{position:relative;bottom:0;width:100%;margin-top:var(--space-lg);color:#f5f1f0;text-align:center;font-size:var(--text-xxl);mix-blend-mode:exclusion}.footer__versionOfWebsite{font-size:var(--space-md)}@media (min-width: 600px){.header__text-asciiart{width:40%}.header__logo-asciiart{height:50%}.footer__contact__container{width:-moz-fit-content;width:fit-content}}@media (min-width: 768px){.header .nav{top:calc(var(--text-sm) + var(--space-xxxl))}.header .nav__logo{width:var(--text-xl)}.header .nav__links{padding:var(--space-sm) var(--space-lg);font-size:var(--text-xl)}.header__paragraphs{font-size:var(--text-xxl)}.header__quote{font-size:var(--text-lg)}.header__text-asciiart{width:40%}.header__logo-asciiart{height:50%}.header__ending{bottom:-31px;height:30px}.main__skills{gap:var(--space-xxl)}.main__aboutme__img{max-width:200px}.main__aboutme__paragraph{font-size:var(--text-md)}.main__projects-container{grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(2,1fr);gap:8px}.main__projects .desktop-only{display:block}.main__projects__project--first{grid-column:1/span 2;grid-row:1}.main__projects__project--second{grid-column:5;grid-row:1}.main__projects__project--third{grid-column:3/span 2;grid-row:1}.main__projects__project--fourth{grid-column:1;grid-row:2}.main__projects__project--fifth{grid-column:2/span 2;grid-row:2}.main__projects__project--sixth{grid-column:4/span 2;grid-row:2}.main__projects__ending{bottom:-24px;height:25px}.footer__artwork{font-size:3px;margin:var(--space-xl)}}@media (min-width: 1440px){body{padding:var(--space-md) var(--space-lg) 0 var(--space-lg)}.sections-heading{font-size:var(--text-xxxl)}.header__logo-asciiart{height:60%;max-height:1080px}.header__clouds{border-radius:45px 45px 0 0}.header__clouds>canvas{border-radius:45px 45px 0 0}.header__paragraphs{font-size:var(--text-xxxl)}.header__quote{font-size:var(--text-xl)}.header__ending{bottom:-46px;height:45px}.main__aboutme__paragraph{font-size:var(--text-lg)}.main__skills__heading{font-size:var(--text-xxl)}.main__skills__skill-name{font-size:var(--text-lg)}.main__projects__ending{bottom:-34px;height:35px}.footer__clouds{top:-85px;height:calc(100% + 85px);border-radius:0 0 45px 45px}.footer__heading{font-size:var(--text-xxl)}.footer__artwork{font-size:5px;margin:var(--space-xxl)}.footer .mobile-version{display:none}.footer .desktop-version{display:block;margin-bottom:calc(var(--space-xxxl) + var(--space-xxxl))}.footer__contact{position:absolute;bottom:0;margin-left:var(--space-md);margin-bottom:var(--space-xs);z-index:100}.footer__contact__heading{font-size:var(--text-xxl)}.footer__contact__arrow{height:var(--text-xl)}.footer__contact__email{font-size:var(--text-xxl)}.footer__contact__container{gap:var(--space-xl)}.footer__contact__github,.footer__contact__linkedin{height:var(--text-xxl)}.footer__endHeading{font-size:var(--space-xxxl);margin-top:var(--space-xl)}.footer__versionOfWebsite{font-size:var(--space-lg)}}