@import"https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Questrial&family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Nunito:ital,wght@0,200..1000;1,200..1000&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Pacifico&family=Questrial&family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap";@import"https://fonts.googleapis.com/css2?family=Berkshire+Swash&family=Damion&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Nunito:ital,wght@0,200..1000;1,200..1000&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Pacifico&family=Questrial&family=Roboto+Mono:ital,wght@0,100..700;1,100..700&family=VT323&family=Viga&display=swap";@import"https://fonts.googleapis.com/css2?family=Berkshire+Swash&family=Bona+Nova+SC:ital,wght@0,400;0,700;1,400&family=Damion&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Nunito:ital,wght@0,200..1000;1,200..1000&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Pacifico&family=Questrial&family=Roboto+Mono:ital,wght@0,100..700;1,100..700&family=VT323&family=Viga&display=swap";@import"https://fonts.googleapis.com/css2?family=Berkshire+Swash&family=Bona+Nova+SC:ital,wght@0,400;0,700;1,400&family=Damion&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Nunito:ital,wght@0,200..1000;1,200..1000&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Pacifico&family=Quando&family=Questrial&family=Roboto+Mono:ital,wght@0,100..700;1,100..700&family=Sansita+Swashed:wght@300..900&family=VT323&family=Viga&display=swap";@import"https://fonts.googleapis.com/css2?family=Berkshire+Swash&family=Bona+Nova+SC:ital,wght@0,400;0,700;1,400&family=Damion&family=Gugi&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Nunito:ital,wght@0,200..1000;1,200..1000&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Pacifico&family=Quando&family=Questrial&family=Roboto+Mono:ital,wght@0,100..700;1,100..700&family=Sansita+Swashed:wght@300..900&family=VT323&family=Viga&display=swap";@import"https://fonts.googleapis.com/css2?family=Berkshire+Swash&family=Bona+Nova+SC:ital,wght@0,400;0,700;1,400&family=Damion&family=Gugi&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Nunito:ital,wght@0,200..1000;1,200..1000&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Pacifico&family=Quando&family=Questrial&family=Ranga:wght@400;700&family=Roboto+Mono:ital,wght@0,100..700;1,100..700&family=Sansita+Swashed:wght@300..900&family=VT323&family=Viga&display=swap";@import"https://fonts.googleapis.com/css2?family=Atomic+Age&family=Berkshire+Swash&family=Bona+Nova+SC:ital,wght@0,400;0,700;1,400&family=Damion&family=Gugi&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Nunito:ital,wght@0,200..1000;1,200..1000&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Pacifico&family=Quando&family=Questrial&family=Ranga:wght@400;700&family=Roboto+Mono:ital,wght@0,100..700;1,100..700&family=Sansita+Swashed:wght@300..900&family=VT323&family=Viga&display=swap";@import"https://fonts.googleapis.com/css2?family=Atomic+Age&family=Berkshire+Swash&family=Bona+Nova+SC:ital,wght@0,400;0,700;1,400&family=Damion&family=Gugi&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Nunito:ital,wght@0,200..1000;1,200..1000&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Pacifico&family=Quando&family=Questrial&family=Ranga:wght@400;700&family=Roboto+Mono:ital,wght@0,100..700;1,100..700&family=Sansita+Swashed:wght@300..900&family=Sirin+Stencil&family=VT323&family=Viga&display=swap";@import"https://fonts.googleapis.com/css2?family=Atomic+Age&family=Berkshire+Swash&family=Bona+Nova+SC:ital,wght@0,400;0,700;1,400&family=Damion&family=Gugi&family=IBM+Plex+Sans+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Nunito:ital,wght@0,200..1000;1,200..1000&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Pacifico&family=Quando&family=Questrial&family=Ranga:wght@400;700&family=Roboto+Mono:ital,wght@0,100..700;1,100..700&family=Sansita+Swashed:wght@300..900&family=Sirin+Stencil&family=VT323&family=Viga&display=swap";*,*:after .before,*:after{box-sizing:border-box}:root{font-family:Roboto Mono,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#232528;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.wrapper{display:flex;flex-direction:column;min-height:100dvh;margin-bottom:2rem}@media screen and (max-width: 768px){.wrapper{min-height:100dvh}}main{display:flex;flex-direction:column;justify-content:center;flex-grow:1}@media screen and (max-width: 768px){main{flex-grow:1;display:block}}@media screen and (max-width: 1200px){main{flex-grow:1;display:block}}main .navlinks-wrapper{display:none}@media screen and (max-width: 768px){main .navlinks-wrapper{display:flex}}@media screen and (max-width: 1200px){main .navlinks-wrapper{display:flex}}html,body{box-sizing:border-box;height:100%;font-size:16px;font-weight:400;font-style:normal;margin:0;padding:0}h1{color:#f3f3f7;font-family:Roboto Mono,sans-serif;font-family:Gugi;font-weight:inherit;font-style:italic;margin:0;font-size:280%;font-size:2.6rem;text-shadow:rgba(174,173,173,.233) 0 0 3px}@media screen and (max-width: 768px){h1{font-size:2rem}}header{width:auto;height:auto;margin-bottom:2rem;background-color:#2d3137;display:flex;justify-content:space-between;align-items:center;color:#242424;box-shadow:0 2px 10px #1212125a;border-bottom:2px solid rgba(207,207,207,.0392156863)}@media screen and (max-width: 768px){header{margin-bottom:1.5rem}}@media screen and (max-width: 768px){header .navlinks-wrapper{display:none}}@media screen and (max-width: 1200px){header .navlinks-wrapper{display:none}}header .align-navbar-header{display:flex;justify-content:center;align-items:center}header .horizontal-wrapper{gap:2rem}footer{display:flex;justify-content:center;height:auto;padding:1rem 10rem .6rem;margin-top:auto;margin-top:2rem;background-color:#2d3137;box-shadow:0 -1px 15px #1212125a;border-top:3px solid rgba(207,207,207,.0392156863)}@media screen and (max-width: 768px){footer{padding:.5rem 0;margin-top:2.6rem}}footer .get-in-touch-text{font-family:Gugi;font-size:1.8rem;font-weight:350;font-style:italic;color:#e7e7e7;text-shadow:rgba(174,173,173,.308) 0 0 2px}@media screen and (max-width: 768px){footer .get-in-touch-text{font-size:1.6rem;text-align:center}}footer .copyright{font-size:.7rem;font-weight:500}@media screen and (max-width: 768px){footer .copyright{font-size:.45rem;text-align:center;padding:.2rem;color:#81899a}}.socials-footer-wrapper{display:flex;align-items:center}.contact-description{color:#66faa47e;color:#81899a;margin:0 0 .3rem;width:25rem;font-size:.8rem;font-weight:450}@media screen and (max-width: 768px){.contact-description{width:12rem;margin:0 0 .5rem;font-size:.7rem;text-align:center}}.socials-footer-logo{width:35px;height:35px;border-radius:1rem;margin-right:.5rem;margin-top:.4rem;filter:invert(90%) sepia(30%) saturate(320%) hue-rotate(185deg) opacity(60%)}@media screen and (max-width: 768px){.socials-footer-logo{width:35px;height:35px}}.horizontal-wrapper{display:flex;justify-content:start}@media screen and (max-width: 768px){.horizontal-wrapper{justify-content:center}}.contact-btn{display:flex;justify-content:center;align-items:center;background-color:#9ecbff1f;font-family:Roboto Mono,sans-serif;text-decoration:none;font-weight:700;color:#fff;margin:10px 0;padding:9.5px 10px;border-radius:50px;transition:background-color .4s;font-size:.75rem}.contact-btn:hover{background-color:#9086dd;color:#e6e6e6;transform:scale(1.1);transition:transform .4s ease}@media screen and (max-width: 768px){.contact-btn{font-size:.9rem;margin:5px 0;padding:7px 10px;font-size:.8rem}}.card-container{width:100%;position:relative;display:flex}@media screen and (max-width: 768px){.card-container{justify-content:center;align-items:center}}section{z-index:3;width:100%;border-radius:1.2rem;padding:1rem}@media screen and (max-width: 768px){section{box-shadow:0 2px 10px #1212128c;background-color:#2d3137;margin:0 2.2rem 0 1rem;width:21.5rem;padding:1rem}}@media screen and (max-width: 1200px){section{box-shadow:0 2px 10px #1212128c;background-color:#2d3137;margin:0 2.2rem 0 1rem;width:100%;padding:1rem}}.card-under-one{display:none}@media screen and (max-width: 1200px){.card-under-one{position:absolute;z-index:2;border-radius:1rem;background-color:#2c3036;box-shadow:0 2px 12px #12121279;margin-right:1.51rem;margin-left:1.71rem;margin-top:1.6rem;display:block;width:94%;height:98.7%}}@media screen and (max-width: 768px){.card-under-one{position:absolute;z-index:2;border-radius:1rem;background-color:#2c3036;box-shadow:0 2px 12px #12121279;margin-right:1.51rem;margin-left:1.71rem;margin-top:1.6rem;display:block;width:86.5%;height:99.4%}}.card-under-two{display:none}@media screen and (max-width: 1200px){.card-under-two{position:absolute;z-index:1;background-color:#282c31;width:95.7%;height:89%;border-radius:1rem;box-shadow:0 2px 15px #1212126e;display:block;margin-right:1rem;margin-left:2.5rem;margin-top:3.3rem;width:94.1%;height:97.15%}}@media screen and (max-width: 768px){.card-under-two{position:absolute;z-index:1;background-color:#282c31;width:95.7%;height:89%;border-radius:1rem;box-shadow:0 2px 15px #1212126e;display:block;margin-right:1rem;margin-left:2.5rem;margin-top:3.3rem;width:86%;height:98.6%}}.header-fullname{display:flex}.developer-type-wrapper{display:flex;align-items:center;justify-content:center}.header-vertical{display:flex;flex-direction:row}@media screen and (max-width: 768px){.header-vertical{flex-direction:column;padding-bottom:1.1rem}}.text-container{display:flex;align-items:baseline;justify-content:start;margin:.7rem .5rem .5rem 1rem;gap:3px}@media screen and (max-width: 768px){.text-container{margin-bottom:0rem}}.syntax-style{font-family:Pacifico;font-size:120%;color:#66faa47e;text-shadow:rgba(174,173,173,.322) 0 0 3px}@media screen and (max-width: 768px){.syntax-style{font-size:60%}}.syntax-style.small{font-size:90%;color:var(--sign)}.syntax-style.text{font-family:IBM Plex Sans Condensed;font-family:Gugi;margin-top:1.4rem;margin-left:-1rem;font-size:85%;font-style:italic;font-weight:400;color:#9086dd;text-shadow:rgba(174,173,173,.12) 0 0 3px}@media screen and (max-width: 768px){.syntax-style.text{margin-top:0rem;margin-left:-.5rem;position:absolute;font-size:55%}}.blinking-cursor:after{content:"_";font-family:Gugi;font-style:italic;color:#e6f6f9b6;text-shadow:rgba(13,13,13,.757) 0 0 3px;animation:blink 1.5s infinite;position:relative;top:-2px;left:10.9rem;font-size:150%}@media screen and (max-width: 768px){.blinking-cursor:after{font-size:130%;top:-2.8px;left:0rem}}@keyframes blink{50%{opacity:0}}.socials-wrapper{display:flex;justify-content:center;align-items:center;margin:.5rem 1rem .5rem 0}.socials-logo{width:40px;border-radius:15px;margin-left:.5rem;margin-top:.5rem;filter:invert(90%) sepia(30%) saturate(320%) hue-rotate(185deg) opacity(60%)}@media screen and (max-width: 768px){.socials-logo{width:35px;height:35px}}.navlinks-wrapper{font-family:Gugi;display:flex;justify-content:start;flex-direction:row;margin-top:.3rem;margin-left:1rem;gap:1rem}@media screen and (max-width: 1200px){.navlinks-wrapper{justify-content:center}}@media screen and (max-width: 768px){.navlinks-wrapper{display:flex;flex-direction:row;justify-content:space-between;margin:0 3.5rem 0 2rem;gap:0}}.navlink-tab{display:flex;justify-content:center;align-items:center;width:6rem;height:1.5rem;padding:.2rem;border-radius:.7rem;font-size:1rem;font-weight:400;text-decoration:none;color:#9086dd;border-right:3px solid #2d3137;border-bottom:1px solid #2d3137}.navlink-tab:hover{background-color:#9086dd;color:#e6e6e6;transform:scale(1.03);transition:transform .4s ease}.navlink-tab.active{font-weight:400;text-shadow:rgba(174,173,173,.318) 0 0 1px;border-right:3px solid rgba(207,207,207,.0862745098);border-bottom:1px solid rgba(207,207,207,.0862745098);color:#d7d7d7}@media screen and (max-width: 1200px){.navlink-tab{justify-content:center;align-items:center;font-size:.75rem;width:6.8rem;height:2rem;padding:0;border-top-right-radius:.8rem;border-top-left-radius:1.8rem;border-bottom-left-radius:0;border-bottom-right-radius:0rem;margin-bottom:-1px;background-color:#292b2e;border-right:none}.navlink-tab.active{z-index:4;background-color:#2d3137;font-weight:400;text-shadow:rgba(174,173,173,.318) 0 0 1px;box-shadow:none;color:#d7d7d7;padding:0;border-left:none;border-right:none;border-bottom:none}}.about-me-wrapper{display:flex;flex-direction:row-reverse;justify-content:center;align-items:center;padding-top:2rem;padding-bottom:2rem}.about-me-wrapper h1{font-family:Roboto Mono;font-style:normal;font-size:2.5rem;padding:0rem .8rem;margin-top:-1rem}@media screen and (max-width: 768px){.about-me-wrapper h1{margin-top:-.5rem;margin-bottom:-.5rem;text-align:center;font-size:1.9rem}}@media screen and (max-width: 1200px){.about-me-wrapper h1{margin-top:-.5rem;margin-bottom:-.5rem;text-align:center}}.about-me-wrapper h2{font-size:1.5rem;font-weight:400;font-style:italic;margin:0;padding:0 1rem}@media screen and (max-width: 1200px){.about-me-wrapper h2{font-size:1.3rem;font-style:normal}}@media screen and (max-width: 768px){.about-me-wrapper h2{font-size:1.3rem;font-style:italic}}@media screen and (max-width: 1200px){.about-me-wrapper{flex-direction:column;padding-top:9.5rem;padding-bottom:9.5rem}}@media screen and (max-width: 768px){.about-me-wrapper{flex-direction:column;padding-top:4rem;padding-bottom:4rem}}.about-me-vertical{display:flex;flex-direction:column;width:27rem;padding:1rem 0rem 1rem 0}@media screen and (max-width: 768px){.about-me-vertical{padding:1rem;width:100%}}.greeting-text{font-family:Roboto Mono,sans-serif;font-size:1rem;width:100%}@media screen and (max-width: 1200px){.greeting-text{width:90%;text-align:center}}@media screen and (max-width: 768px){.greeting-text{width:90%;text-align:center;font-style:italic}}.greeting-strong{color:#aaa4dc;font-size:1.7rem;font-weight:350}.greeting-text-h1{font-weight:350}.profile-picture-wrapper{display:flex;justify-content:center}.profile-picture{width:16rem;border-radius:3rem;margin:2rem 1rem 2rem 0}@media screen and (max-width: 1200px){.profile-picture{margin-top:1rem;margin-right:0;margin-bottom:0;width:16rem}}@media screen and (max-width: 768px){.profile-picture{margin-top:1rem;margin-right:0;margin-bottom:0;width:10rem}}.aboutme-description-wrapper{width:90%;padding:0 1rem 1rem;margin:0;color:#9086dd;color:#81899a;font-size:.8rem;font-weight:370}@media screen and (max-width: 1200px){.aboutme-description-wrapper{width:90%;padding-top:1rem;text-align:center;font-size:.75rem;padding-top:.5rem}}@media screen and (max-width: 768px){.aboutme-description-wrapper{padding-top:1rem;text-align:center;font-size:.85rem;padding-top:.5rem}}.intrest-horizontal{display:flex;flex-direction:row;gap:.5rem;margin:0;padding:0 1rem}@media screen and (max-width: 1200px){.intrest-horizontal{justify-content:center;padding:1rem 0rem 0}}@media screen and (max-width: 768px){.intrest-horizontal{justify-content:center;padding:0rem 0rem 0}}.intrest{text-align:center;padding:.5rem .5rem .4rem;background-color:#66faa47e;color:#e6e6e6;font-family:Gugi;font-size:.7rem;border-radius:.8rem;box-shadow:0 3px 2px #25252566;background-color:#42425e;border:1.2px solid rgb(69,69,73);border-radius:.4rem;font-weight:500;color:#9999de}@media screen and (max-width: 768px){.intrest{font-size:.6rem}}.skill-type-container{display:grid;grid-template-columns:repeat(2,auto);gap:1.5rem 1.5rem;justify-content:center;padding-top:1.5rem;padding-bottom:7rem}@media screen and (max-width: 3000px){.skill-type-container{padding-bottom:3rem}}@media screen and (max-width: 1200px){.skill-type-container{display:flex;flex-direction:column;align-items:center;margin:0;padding-bottom:3rem;gap:1rem}}@media screen and (max-width: 768px){.skill-type-container{display:flex;flex-direction:column;margin:0;padding:0;padding-top:.5rem;padding-bottom:.5rem;gap:1rem}}.section-header-center{display:flex;justify-content:center;align-items:center}.section-header{font-family:Gugi;text-align:center;margin:1rem 0rem 0rem;font-size:2rem;font-weight:400;font-style:italic;width:16rem;border-radius:1rem}@media screen and (max-width: 1200px){.section-header{text-align:center;width:14rem;margin:.7rem 0rem;font-size:1.7rem;border-radius:1rem}}@media screen and (max-width: 768px){.section-header{margin:.7rem 4.5rem;font-size:1.4rem;border-radius:1rem}}@media screen and (max-width: 600px){.section-header{margin:.7rem 0rem .3rem}}.skill-type-wrapper{background-color:#353941;border-radius:2rem 2rem 4rem;border-left:5px solid rgba(102,250,164,.4941176471);border-top:3px solid rgba(102,250,164,.4941176471);border-left:5px solid rgba(207,207,207,.0862745098);border-top:3px solid rgba(207,207,207,.0862745098);width:22rem;height:11.7rem;box-shadow:0 3px 10px #1212125a}@media screen and (max-width: 1200px){.skill-type-wrapper{border-radius:1rem 1rem 5rem 2rem;border-left:5px solid rgba(207,207,207,.0862745098);border-top:3px solid rgba(207,207,207,.0862745098);width:70%;height:100%;border-right:none}}@media screen and (max-width: 768px){.skill-type-wrapper{border-radius:3rem 1.5rem 5rem 1rem;border-left:5px solid rgba(207,207,207,.0862745098);border-top:3px solid rgba(207,207,207,.0862745098);width:98.9%;height:100%;border-right:none}}.skill-wrapper{display:flex;padding:.5rem 1rem 1rem}.skill-wrapper.bottom{border:none;padding-bottom:1rem 0}@media screen and (max-width: 768px){.skill-wrapper{padding:.5rem 1.5rem 1.5rem 1rem}}.logo-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-right:1rem}.logo{width:45px;height:45px;margin:0rem 0;filter:invert(90%) sepia(30%) saturate(320%) hue-rotate(185deg) opacity(60%)}.skill-type{display:flex;justify-content:start;margin-left:4.7rem}.skill-type .skill-top-h5{font-family:Gugi;font-family:Roboto Mono;font-size:1.1rem;color:#dddddf;margin:1rem 0 0;font-weight:400;padding:.1rem 1.1rem .1rem 1rem;border-radius:.8rem .8rem 1.2rem;border-bottom:2px solid rgba(207,207,207,.0941176471)}@media screen and (max-width: 768px){.skill-type .skill-top-h5{border-radius:.6rem .6rem 2rem 1rem;border-bottom:2px solid rgba(207,207,207,.0941176471)}}.skill-type .skill-h5{display:flex;gap:.6rem;font-family:Gugi;font-size:1.1rem;color:#dddddf;margin:1rem 0 0;font-weight:400;padding:.1rem 1.1rem .1rem .1rem}.skill-type .skill-h5 .syntax-sign{color:#8f8f9b;font-family:Roboto Mono;font-family:Gugi;font-size:1rem;font-weight:800;margin-top:-.1rem}@media screen and (max-width: 768px){.skill-type .skill-h5{display:flex;align-items:center}}@media screen and (max-width: 768px){.skill-type{justify-content:center;margin-left:0}}.skill-description{font-size:.85rem;font-weight:300;color:#9999de;margin:0rem 0}.skill-description.bottom{margin-bottom:0}@media screen and (max-width: 768px){.skill-description{font-size:.8rem;width:100%}}.skill-wrapper-new{display:flex;padding:.5rem 1rem 1rem}.skill-wrapper-new.bottom{border:none;padding-bottom:1rem 0}@media screen and (max-width: 768px){.skill-wrapper-new{padding:.5rem 1.5rem 1.5rem 1rem}}.small-skills-vertical{display:flex;flex-direction:column;gap:.5rem}.skill-gap-wrapper{display:flex;gap:.5rem}.skill-gap-portfolio-wrapper{display:flex;justify-content:space-around;gap:.5rem}.skill{background-color:#42425e;height:1.05rem;border:1.2px solid rgb(69,69,73);box-shadow:0 3px 4px #22222236;border-radius:.4rem;padding:.1rem .5rem;font-size:.7rem;font-weight:500;color:#9999de}.portfolio-container{display:flex;flex-direction:column;padding:0rem}@media screen and (max-width: 768px){.portfolio-container{padding:0rem}}.portfolio-wrapper{display:grid;grid-template-columns:repeat(2,auto);gap:1.5rem 1.5rem;justify-content:center;padding:1.5rem 0rem 0rem;margin-bottom:6rem}@media screen and (max-width: 1200px){.portfolio-wrapper{display:flex;flex-direction:column;padding:.5rem 0;margin-bottom:0;gap:1.1rem}}@media screen and (max-width: 768px){.portfolio-wrapper{display:flex;flex-direction:column;padding:.5rem 0;margin-bottom:0;gap:1.1rem}}.project-wrapper{display:flex;justify-content:space-between;flex-direction:row;background-color:#353941;border-radius:2rem 2rem 6rem 6rem;border-top:4px solid rgba(207,207,207,.0862745098);border-left:3px solid rgba(207,207,207,.0862745098);box-shadow:0 3px 10px #1212125a;width:34rem;height:10rem;overflow:hidden;cursor:pointer}.project-wrapper:hover{transform:scale(1.05);transition:transform .4s ease}@media screen and (max-width: 1200px){.project-wrapper{flex-direction:row;border-radius:1rem 1rem 4rem 4rem;border-top:3px solid rgba(207,207,207,.0862745098);border-left:3px solid rgba(207,207,207,.0862745098);width:29rem;height:8rem;border-right:none}}@media screen and (max-width: 768px){.project-wrapper{display:flex;flex-direction:row;border-radius:1rem 1rem 4rem 4rem;border-top:3px solid rgba(207,207,207,.0862745098);border-left:3px solid rgba(207,207,207,.0862745098);width:98.9%;height:8rem;border-right:none}}@media screen and (max-width: 600px){.project-wrapper{height:auto}}.project-image{border-left:4px solid rgba(207,207,207,.0862745098);border-bottom-left-radius:3rem;width:10rem}@media screen and (max-width: 1200px){.project-image{border-left:3px solid rgba(207,207,207,.0862745098);border-bottom-left-radius:4rem;width:8rem}}@media screen and (max-width: 768px){.project-image{border-left:3px solid rgba(207,207,207,.0862745098);border-top-right-radius:.85rem;border-bottom-left-radius:7rem;width:8rem}}.project-header{text-align:center;font-family:Gugi;font-size:1.1rem;width:auto;color:#dddddf;padding:.1rem 1.5rem .1rem .1rem;margin:.8rem 0 .5rem;font-weight:400}@media screen and (max-width: 768px){.project-header{padding:.1rem 1.1rem .1rem .1rem;font-size:.9rem;margin:.6rem 0 0rem}}.project-description-wrapper{display:flex;flex-direction:column;align-items:center;width:100%;padding:0 .5rem 1rem}@media screen and (max-width: 768px){.project-description-wrapper{padding:0 .5rem .9rem}}.project-description{text-align:start;font-size:.8rem;font-weight:450;color:#9999de;color:#81899a;margin:0rem;padding:0rem 0rem .5rem .1rem}.project-description.bottom{margin-bottom:0}@media screen and (max-width: 768px){.project-description{font-size:.7rem;width:100%;margin-right:-.5rem}}.project-desc-image-horizontal{display:flex;flex-direction:row}.project-desc-vertical{display:flex;flex-direction:column;justify-content:center;align-items:start;width:95%;height:3.5rem;padding:.7rem .5rem;gap:.5rem;border-top:1px solid rgba(207,207,207,.0862745098)}@media screen and (max-width: 1200px){.project-desc-vertical{height:auto}}.project-desc-horizontal{display:flex;flex-direction:row;gap:.5rem;flex-wrap:wrap}.description{background-color:#42425e;height:1.05rem;border:1.2px solid rgb(69,69,73);box-shadow:0 3px 4px #22222236;border-radius:.4rem;padding:.1rem .5rem;font-size:.7rem;font-weight:500;color:#9999de}.http-link{text-decoration:none}.project-wrapper-test{display:flex;justify-content:space-between;flex-direction:column;background-color:#353941;border-radius:1rem;border-top:4px solid rgba(207,207,207,.0862745098);border-left:3px solid rgba(207,207,207,.0862745098);box-shadow:0 3px 10px #1212125a;width:27rem;height:auto;overflow:hidden;cursor:pointer}.project-wrapper-test:hover{transform:scale(1.05);transition:transform .4s ease}@media screen and (max-width: 1200px){.project-wrapper-test{flex-direction:row;border-radius:1rem 1rem 4rem 4rem;border-top:3px solid rgba(207,207,207,.0862745098);border-left:3px solid rgba(207,207,207,.0862745098);width:29rem;height:8rem;border-right:none}}@media screen and (max-width: 768px){.project-wrapper-test{display:flex;flex-direction:column;border-radius:1rem;border-top:3px solid rgba(207,207,207,.0862745098);border-left:3px solid rgba(207,207,207,.0862745098);width:98.9%;height:8rem;border-right:none}}@media screen and (max-width: 600px){.project-wrapper-test{height:auto}}.project-description-wrapper-test{display:flex;flex-direction:column;align-items:start;width:100%;padding:0 .5rem 1rem}@media screen and (max-width: 768px){.project-description-wrapper-test{padding:0 .5rem 0rem}}.project-image-test{border-left:4px solid rgba(207,207,207,.0862745098);border-bottom-left-radius:8rem;width:9rem;margin-bottom:-.4rem}@media screen and (max-width: 1200px){.project-image-test{border-left:3px solid rgba(207,207,207,.0862745098);border-bottom-left-radius:4rem;width:10rem}}@media screen and (max-width: 768px){.project-image-test{border-left:1px solid rgba(207,207,207,.0862745098);border-top-right-radius:.85rem;border-bottom-left-radius:6rem;width:6rem;margin-bottom:-.4rem}}