@import url(https://fonts.googleapis.com/css2?family=Montez&family=Montserrat+Alternates:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400&display=swap);html{--bg-1:#fff;--bg-2:#fff9f9;--bg-3:#ffb6b6;--bg-4:#f3f3f3;--bg-5:#d9d9d9;--text-1:#415468;--text-2:#686868;--text-3:#787878;--text-4:#102a42;--text-5:#fff;--accent-1:#ff0181;--accent-2:#ffb6b6;--danger:#ff7d7d;--success:#70d1ad;--shadow-1:#c4d2dc;--bg-gradient-1:#fff;--bg-gradient-2:#ece9e6;--filter-1:brightness(0) saturate(100%) invert(86%) sepia(13%) saturate(542%) hue-rotate(312deg) brightness(110%) contrast(114%);--filter-2:brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7345%) hue-rotate(182deg) brightness(111%) contrast(95%);background-color:#fff;background-color:var(--bg-1);scroll-behavior:smooth}html.dark{--bg-1:#001a2c;--bg-2:#061f30;--bg-3:#c55f5f;--bg-4:#072637;--bg-5:#0c2d40;--text-1:#e7f5ff;--text-2:#c4d2dc;--text-3:#fff;--text-4:#e7f5ff;--text-5:#061240;--accent-1:#21e4ff;--accent-2:#3dadff;--danger:#ff9090;--success:#78ddb8;--shadow-1:#022b49;--bg-gradient-1:#001a2c;--bg-gradient-2:#0a0a23;--filter-1:brightness(0) saturate(100%) invert(6%) sepia(54%) saturate(4190%) hue-rotate(190deg) brightness(89%) contrast(99%);--filter-2:brightness(0) saturate(100%) invert(6%) sepia(32%) saturate(3755%) hue-rotate(205deg) brightness(91%) contrast(95%);--filter-3:brightness(0) saturate(100%) invert(92%) sepia(11%) saturate(264%) hue-rotate(165deg) brightness(88%) contrast(95%);--filter-4:brightness(0) saturate(100%) invert(6%) sepia(54%) saturate(4190%) hue-rotate(190deg) brightness(89%) contrast(99%)}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}*,:after,:before{box-sizing:border-box;font-family:Montserrat Alternates,sans-serif;margin:0;padding:0}#root{flex-direction:column;overflow:hidden}#root,body{align-items:center;display:flex;justify-content:center;min-height:100vh;width:100%}body{overflow-x:hidden}main{align-items:center;display:flex;flex-direction:column;gap:100px;position:relative;width:clamp(200px,90%,1200px)}h1,h2,h3,h4,h5,h6{line-height:100%;margin-top:0}a,a:active,a:visited{color:inherit;display:inline-flex;text-decoration:none}button{background:none;border:none;cursor:pointer;display:inline-flex}a,button{transition:all .3s ease}span{display:inline-flex}.visually-hidden{clip:rect(0 0 0 0);height:1px;overflow:hidden;position:absolute;width:1px}footer section>h2,main>section>h2{color:#415468;color:var(--text-1);font-size:24px;font-weight:400;margin-bottom:15px;position:relative;text-align:center}footer section>h2 span,main>section>h2 span{position:absolute;top:-5rem}footer section>.separator,main>section>.separator{background-color:#ffb6b6;background-color:var(--bg-3);border-radius:1000rem;height:4px;margin:0 auto 30px;width:43px}footer,header,main{-webkit-animation:fadeIn .6s ease forwards;animation:fadeIn .6s ease forwards}header{display:flex;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:10}header .magnet{padding:8px}header .header-center{align-items:flex-start;display:flex;justify-content:space-between;width:clamp(200px,90%,1200px)}header .desktop-nav{z-index:10}header .desktop-nav nav{background-color:#fff9f9;background-color:var(--bg-2);border-radius:10px 10px 25px 25px;display:flex;gap:28px;padding:18px 22px;transition:border-radius .6s ease}header .desktop-nav.scrolled nav{border-radius:35px 35px 35px 35px}header .github{margin-top:9px;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}header .github img{width:35px}header .theme-buttons{margin-top:17px}header .theme-buttons .outer{width:38px}header .theme-buttons .inner{padding:0 4px;position:absolute;-webkit-transform:translateX(calc(100% - 4px));transform:translateX(calc(100% - 4px));transition:all .3s ease}header .theme-buttons .change-theme-button.active .inner{-webkit-transform:translateX(0);transform:translateX(0)}header .toggle-mobile-menu{display:none}header .github .wrapper-image,header .theme-buttons .wrapper-image{align-items:center;display:flex;position:relative}header .github .wrapper-image .bg-div,header .theme-buttons .wrapper-image .bg-div{background-color:#fff;background-color:var(--bg-1);border-radius:1000rem;height:100%;left:0;position:absolute;top:0;width:100%}header .github img,header .theme-buttons img{-webkit-filter:var(--filter-3);filter:var(--filter-3);z-index:1}@media(max-width:768px){header{padding-bottom:10px}header .desktop-nav,header .github{display:none}header .theme-buttons{left:10px;right:auto}}nav{color:#415468;color:var(--text-1)}nav a{font-size:14px;font-weight:400;letter-spacing:.02em;overflow:hidden;position:relative}@media(min-width:768px){nav a:before{background-color:#ff0181;background-color:var(--accent-1);opacity:.5;-webkit-transform:translateX(101%);transform:translateX(101%)}nav a:after,nav a:before{border-radius:1rem;bottom:0;content:"";height:1px;position:absolute;transition:all .4s ease;width:100%}nav a:after{background-color:#686868;background-color:var(--text-2);opacity:.1;-webkit-transform:translateX(-101%);transform:translateX(-101%)}}nav a:hover:after,nav a:hover:before{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}.banner{margin-top:60px;text-align:center}.banner h1{display:inline-block;font-family:Montez,cursive;font-size:100px;line-height:1.1em;margin-top:73px;max-width:250px;text-align:center;width:250px}.banner h1,.banner p{color:#102a42;color:var(--text-4);font-weight:300}.banner p{font-size:18px;margin-bottom:53px;margin-top:33px}.banner .resume-button{background:#ff0181;background:var(--accent-1);border-radius:1000rem;color:#fff;color:var(--text-5);font-size:14px;overflow:hidden;padding:10px 19px;position:relative}.banner .resume-button:hover .bg-div{-webkit-transform:translateX(0);transform:translateX(0)}.banner .resume-button .bg-div{background-color:#ffb6b6;background-color:var(--accent-2);border-radius:1000rem;height:100%;left:0;position:absolute;top:0;-webkit-transform:translateX(-100%);transform:translateX(-100%);transition:.3s ease;width:100%}.banner .resume-button .text{z-index:1}section.overview{display:flex;flex-direction:column;justify-content:center;position:relative}section.overview .bg-shape{-webkit-filter:brightness(0) saturate(100%) invert(86%) sepia(13%) saturate(542%) hue-rotate(312deg) brightness(110%) contrast(114%);filter:brightness(0) saturate(100%) invert(86%) sepia(13%) saturate(542%) hue-rotate(312deg) brightness(110%) contrast(114%);-webkit-filter:var(--filter-1);filter:var(--filter-1);max-width:1125px;position:absolute;right:0;top:-38px;-webkit-transform:rotate(180deg);transform:rotate(180deg);width:100%;z-index:-1}section.overview h3{color:#415468;color:var(--text-1);font-size:18px;font-weight:400;margin-bottom:10px;text-align:center}section.overview p{color:#686868;color:var(--text-2);font-size:14px;font-weight:300;line-height:25px;margin-bottom:14px;text-align:center}section.overview .icon{align-items:center;background:#f3f3f3;background:var(--bg-4);border-radius:25px;display:flex;height:69px;justify-content:center;padding:15px;position:relative;width:69px}section.overview .icon img{width:100%}section.overview .wrapper-classes{align-items:center;display:flex;gap:120px}section.overview .wrapper-classes article{flex:1 1}section.overview .wrapper-classes article:last-of-type .icon img{-webkit-filter:var(--filter-3);filter:var(--filter-3)}section.overview .wrapper-icons{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin-top:20px;padding:0 50px;position:relative}section.overview .wrapper-icons .show-more{border-radius:1000rem;bottom:-50px;color:#787878;color:var(--text-3);font-size:12px;font-weight:500;overflow:hidden;padding:5px 10px;position:absolute}section.overview .wrapper-icons .show-more:hover .bg-div{-webkit-transform:translateX(0);transform:translateX(0)}section.overview .wrapper-icons .show-more .bg-div{background-color:#f3f3f3;background-color:var(--bg-4);border-radius:1000rem;height:100%;left:0;position:absolute;top:0;-webkit-transform:translateX(-100%);transform:translateX(-100%);transition:.3s ease;width:100%}section.overview .wrapper-icons .show-more .text{z-index:1}.modal-technologies .modal{background-color:#fff;background-color:var(--bg-1);border-radius:40px;display:flex;flex-direction:column;max-height:100%;max-width:770px;overflow:auto;padding:40px;position:relative;width:100%}.modal-technologies .modal article{font-size:14px;margin-bottom:15px;position:relative;z-index:2}.modal-technologies .modal article:last-of-type{margin-bottom:0}.modal-technologies .modal article h3{color:#415468;color:var(--text-1);font-size:14px;font-weight:400;line-height:1.2;margin-bottom:5px}.modal-technologies .modal article b{font-weight:500}.modal-technologies .modal article b,.modal-technologies .modal article p{color:#787878;color:var(--text-3);display:inline}.modal-technologies .modal article ul{list-style:none;margin-left:20px;position:relative}.modal-technologies .modal article li{margin-bottom:5px}.modal-technologies .modal article li:before{color:#787878;color:var(--text-3);content:"•";left:-12px;position:absolute}.modal-technologies .modal article li:last-of-type{margin-bottom:0}.modal-technologies .modal .wrapper-icons{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;position:relative;z-index:2}.modal-technologies .modal .wrapper-icons .icon{align-items:center;background:#f3f3f3;background:var(--bg-4);border:1px solid #c4d2dc;border:1px solid var(--shadow-1);border-radius:25px;display:flex;height:50px;justify-content:center;padding:11px;position:relative;width:50px}.modal-technologies .modal .wrapper-icons .icon img{width:100%}.modal-technologies .modal .bg-icons img{-webkit-filter:var(--filter-4);filter:var(--filter-4);left:50%;max-width:100px;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%;z-index:1}.modal-technologies .modal .bg-icons img:first-child{-webkit-transform:translate(-50%,-150%);transform:translate(-50%,-150%)}.modal-technologies .modal .bg-icons img:nth-child(2){-webkit-transform:translate(-130%,-20%);transform:translate(-130%,-20%)}.modal-technologies .modal .bg-icons img:nth-child(3){-webkit-transform:translate(30%,-20%);transform:translate(30%,-20%)}.modal-technologies .modal .separator{align-self:center;background-color:#d9d9d9;background-color:var(--bg-5);border-radius:1000rem;height:2px;padding:1px 0;width:37px;z-index:5}.modal-technologies .modal .separator:first-of-type{margin-bottom:20px}.modal-technologies .modal .separator:last-of-type{margin:15px 0}@media(max-width:992px){section.overview .wrapper-classes{flex-direction:column;gap:80px}}@media(max-width:600px){section.overview .wrapper-icons{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:20px;padding:0}section.overview .wrapper-icons .show-more{bottom:-40px}section.overview .icon{border-radius:20px;height:55px;padding:12px;width:55px}section.overview .icon img{width:100%}.modal-technologies .modal{padding:20px}.modal-technologies .modal .wrapper-icons{gap:10px}}section.projects{display:flex;flex-direction:column}section.projects h3{align-items:center;color:#415468;color:var(--text-1);display:flex;font-size:18px;font-weight:500;margin-bottom:12px;position:relative}section.projects h3 .separator{background-color:#ffb6b6;background-color:var(--bg-3);border-radius:1000rem;height:22px;left:-13px;position:absolute;width:4px}section.projects p{color:#787878;color:var(--text-3);font-size:14px;font-weight:400;line-height:22px;margin-right:30px}section.projects p:first-of-type{margin-bottom:10px}section.projects ul{color:#787878;color:var(--text-3);font-size:12px;font-weight:300;line-height:20px;list-style-type:none;text-align:center}section.projects .wrapper-links{display:flex;justify-content:center;margin-top:35px;position:relative}section.projects .wrapper-links .link{font-size:16px;font-weight:500;position:absolute}section.projects .wrapper-links .link a{padding:5px}section.projects .wrapper-links .link:first-of-type{color:#ff0181;color:var(--accent-1);top:50%;-webkit-transform:translate(calc(-50% - 20px),-50%);transform:translate(calc(-50% - 20px),-50%)}section.projects .wrapper-links .link:last-of-type{color:#102a42;color:var(--text-4);top:50%;-webkit-transform:translate(calc(50% + 20px),-50%);transform:translate(calc(50% + 20px),-50%)}section.projects .wrapper-links .separator{background-color:#d9d9d9;background-color:var(--bg-5);border-radius:1000rem;height:22px;width:2px}section.projects .wrapper-image{border-radius:20px;box-shadow:0 5px 5px rgba(0,0,0,.25);height:194px;margin-bottom:20px;max-width:333px;overflow:hidden}section.projects .wrapper-image img{height:100%;object-fit:cover;width:100%}section.projects .wrapper-section{flex:1 1}section.projects .wrapper-section:nth-child(2){align-items:center;display:flex;flex-direction:column;max-width:-webkit-max-content;max-width:max-content}section.projects .wrapper-icons{display:flex;flex-direction:column;gap:14px;justify-content:center;margin-left:20px;margin-right:15px}section.projects .wrapper-icons .icon{align-items:center;background:#f3f3f3;background:var(--bg-4);border:1px solid #d9d9d9;border:1px solid var(--bg-5);border-radius:25px;display:flex;height:38px;justify-content:center;padding:9px;position:relative;width:38px}section.projects .wrapper-icons .icon img{width:100%}section.projects .project{align-items:center;display:flex;margin-bottom:100px;max-width:850px;position:relative}section.projects .project .read-more,section.projects .project .read-more-button{display:none}section.projects .project:last-of-type{margin-bottom:0}section.projects .project:nth-child(2n) .bg-shape{-webkit-filter:brightness(0) saturate(100%) invert(100%) sepia(0) saturate(7345%) hue-rotate(182deg) brightness(111%) contrast(95%);filter:brightness(0) saturate(100%) invert(100%) sepia(0) saturate(7345%) hue-rotate(182deg) brightness(111%) contrast(95%);-webkit-filter:var(--filter-2);filter:var(--filter-2);left:-12px;right:auto;-webkit-transform:rotate(180deg);transform:rotate(180deg)}section.projects .project:nth-child(2n) .wrapper-section:first-child{order:3}section.projects .project:nth-child(2n) .wrapper-section:nth-child(2){margin-right:30px;order:2}section.projects .project:nth-child(2n) .wrapper-icons{margin-left:0;margin-right:20px;order:1}section.projects .project:nth-child(2n) p{margin-right:0}section.projects .bg-shape{-webkit-filter:brightness(0) saturate(100%) invert(86%) sepia(13%) saturate(542%) hue-rotate(312deg) brightness(110%) contrast(114%);filter:brightness(0) saturate(100%) invert(86%) sepia(13%) saturate(542%) hue-rotate(312deg) brightness(110%) contrast(114%);-webkit-filter:var(--filter-1);filter:var(--filter-1);height:375px;max-width:660px;position:absolute;right:12px;top:0;width:100%;z-index:-1}section.projects .bg-shape img{height:100%;width:100%}@media(max-width:992px){section.projects p{font-size:12px}section.projects ul{font-size:11px}}@media(max-width:768px){section.projects .project{flex-direction:column}section.projects .project .read-more-button{color:#787878;color:var(--text-3);display:block;font-size:14px;font-weight:500;letter-spacing:.02em}section.projects .project .wrapper-section:first-child{display:flex;flex-direction:column;order:3}section.projects .project .wrapper-section:first-child h3{justify-content:center;margin-top:15px}section.projects .project .wrapper-section:first-child h3 .separator{display:none}section.projects .project .wrapper-section:first-child p{margin-right:0;text-align:center}section.projects .project .wrapper-section:first-child .read-more-text{display:none}section.projects .project .wrapper-section:first-child .read-more{margin:15px 0}section.projects .project .wrapper-section:first-child.active .read-more,section.projects .project .wrapper-section:first-child.active .read-more-text{display:block}section.projects .project .wrapper-section:nth-child(2){margin-right:0;order:1}section.projects .project .wrapper-section:nth-child(2) ul{display:none}section.projects .project .wrapper-icons{order:2}section.projects .project:nth-child(2n) .wrapper-section:first-child{order:3}section.projects .project:nth-child(2n) .wrapper-section:nth-child(2){margin-right:0;order:1}section.projects .project:nth-child(2n) .wrapper-icons{margin-right:0;order:2}section.projects .wrapper-icons{flex-direction:row}}section.experience{display:flex;flex-direction:column;max-width:950px}section.experience .tile-wrapper{margin-bottom:100px}section.experience .tile-wrapper:last-of-type{margin-bottom:0}section.experience .tile-wrapper .bg-shape{-webkit-filter:brightness(0) saturate(100%) invert(86%) sepia(13%) saturate(542%) hue-rotate(312deg) brightness(110%) contrast(114%);filter:brightness(0) saturate(100%) invert(86%) sepia(13%) saturate(542%) hue-rotate(312deg) brightness(110%) contrast(114%);-webkit-filter:var(--filter-1);filter:var(--filter-1);height:425px;max-width:750px;position:absolute;width:100%;z-index:-1}section.experience .tile-wrapper .bg-shape img{height:100%;width:100%}section.experience .tile-wrapper:nth-child(2n) .bg-shape{-webkit-filter:brightness(0) saturate(100%) invert(100%) sepia(0) saturate(7345%) hue-rotate(182deg) brightness(111%) contrast(95%);filter:brightness(0) saturate(100%) invert(100%) sepia(0) saturate(7345%) hue-rotate(182deg) brightness(111%) contrast(95%);-webkit-filter:var(--filter-2);filter:var(--filter-2)}section.experience .tile{align-items:center;display:flex;gap:2.5rem;justify-content:center;position:relative;width:100%}section.experience .tile:hover aside>a{-webkit-transform:scale(1.1);transform:scale(1.1)}section.experience .tile aside{align-items:center;display:flex;flex:1.5 1;flex-direction:column;order:2}section.experience .tile .recommendations-mobile{display:none}section.experience .tile .recommendations{color:#686868;color:var(--text-2);display:flex;flex-direction:column;font-size:12px;gap:2.5rem;margin:1.5rem 0;text-align:center}section.experience .tile .recommendations>div{display:flex;flex-direction:column;padding:0 1rem}section.experience .tile .recommendations i{line-height:150%;margin-bottom:.5rem}section.experience .tile .recommendations span{align-items:center;display:flex;flex-wrap:wrap;font-weight:500;justify-content:center}section.experience .tile .recommendations a{display:inline-flex;font-weight:500;line-height:125%;margin-left:.1rem;overflow:hidden;position:relative}@media(min-width:768px){section.experience .tile .recommendations a:before{background-color:#ff0181;background-color:var(--accent-1);opacity:.5;-webkit-transform:translateX(101%);transform:translateX(101%)}section.experience .tile .recommendations a:after,section.experience .tile .recommendations a:before{border-radius:1rem;bottom:0;content:"";height:1px;position:absolute;transition:all .4s ease;width:100%}section.experience .tile .recommendations a:after{background-color:#686868;background-color:var(--text-2);opacity:.1;-webkit-transform:translateX(-101%);transform:translateX(-101%)}}section.experience .tile .recommendations a:hover:after,section.experience .tile .recommendations a:hover:before{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}section.experience .tile .recommendations img{margin:0 5px}section.experience .tile .quotation-mark{align-items:center;display:flex;font-size:24px;gap:1.75rem;position:relative}section.experience .tile .quotation-mark:first-of-type .separator{bottom:0}section.experience .tile .quotation-mark:last-of-type{justify-content:flex-end}section.experience .tile .quotation-mark:last-of-type img{-webkit-transform:rotate(180deg);transform:rotate(180deg)}section.experience .tile .quotation-mark:last-of-type .separator{top:0}section.experience .tile .quotation-mark .separator{background-color:#d9d9d9;background-color:var(--bg-5);border-radius:1000rem;height:2px;left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:37px}section.experience .tile article{display:flex;flex:3 1;flex-direction:column}section.experience .tile article h3{color:#102a42;color:var(--text-4);font-size:20px;font-weight:400;margin-bottom:.5rem}section.experience .tile article h3 b{font-weight:500}section.experience .tile article .period{color:#686868;color:var(--text-2);font-size:12px}section.experience .tile article .about{margin-bottom:0;margin-top:1rem}section.experience .tile article .about h4{align-items:center;color:#102a42;color:var(--text-4);display:flex;font-size:20px;font-weight:400;line-height:5px;position:relative}section.experience .tile article .about h4 .separator{background-color:#ffb6b6;background-color:var(--bg-3);border-radius:1000rem;height:28px;left:-20px;position:absolute;width:5px}section.experience .tile article .about p{color:#686868;color:var(--text-2);line-height:175%;margin:1rem 0}section.experience .tile article .about ul{color:#686868;color:var(--text-2);display:flex;flex-direction:column;font-size:14px;gap:.8rem;padding-left:2rem}section.experience .tile article .about ul li{line-height:175%}section.experience .tile article .about ul li a{display:inline-flex;overflow:hidden;position:relative}@media(min-width:768px){section.experience .tile article .about ul li a:before{background-color:#ff0181;background-color:var(--accent-1);border-radius:1rem;bottom:4px;content:"";height:1px;opacity:.5;position:absolute;-webkit-transform:translateX(101%);transform:translateX(101%);transition:all .4s ease;width:100%}section.experience .tile article .about ul li a:after{background-color:#686868;background-color:var(--text-2);border-radius:1rem;bottom:4px;content:"";height:1px;opacity:.1;position:absolute;-webkit-transform:translateX(-101%);transform:translateX(-101%);transition:all .4s ease;width:100%}}section.experience .tile article .about ul li a:hover:after,section.experience .tile article .about ul li a:hover:before{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}@media(max-width:768px){section.experience .tile{flex-direction:column;gap:1.5rem;padding:0 20px}section.experience .tile aside a{margin-bottom:0}section.experience .tile .recommendations-mobile{display:block;margin-top:2rem}section.experience .tile .recommendations-desktop{display:none}}@media(max-width:600px){section.experience .tile-wrapper{margin-bottom:50px}section.experience .tile{gap:1rem;padding:0 20px}section.experience .tile aside{display:flex;flex:1.25 1;flex-direction:column}section.experience .tile aside a{margin-bottom:0}section.experience .tile .recommendations-mobile{margin-top:1rem}section.experience .tile .recommendations{font-size:10px;gap:1rem;margin:1rem 0;text-align:center}section.experience .tile .recommendations i{line-height:150%;margin-bottom:.5rem}section.experience .tile .quotation-mark{font-size:16px;gap:1rem}section.experience .tile .quotation-mark img{width:2rem}section.experience .tile article h3{font-size:14px;margin-bottom:.25rem}section.experience .tile article h3 b{font-weight:600}section.experience .tile article .period{font-size:10px}section.experience .tile article .about{margin-top:1.25rem}section.experience .tile article .about h4{font-size:14px}section.experience .tile article .about h4 .separator{background-color:#ffb6b6;background-color:var(--bg-3);border-radius:1000rem;height:20px;left:-10px;width:3px}section.experience .tile article .about p{font-size:11px;margin:.5rem 0}section.experience .tile article .about ul{font-size:10px;gap:.5rem;padding-left:1rem}}section.contact{align-items:center;display:flex;flex-direction:column;padding:100px 0;position:relative}section.contact .wrapper-classes{align-content:center;display:flex;gap:30px;justify-content:center}section.contact .wrapper-classes button{align-items:center;display:flex;justify-content:center}section.contact .wrapper-classes a,section.contact .wrapper-classes button{background:#f3f3f3;background:var(--bg-4);border-radius:1000rem;padding:15px;width:60px}section.contact .wrapper-classes button{cursor:copy}section.contact .wrapper-classes button.success{outline:2px solid #70d1ad;outline:2px solid var(--success)}section.contact .wrapper-classes button.error{outline:2px solid #ff7d7d;outline:2px solid var(--danger)}section.contact .wrapper-classes img{-webkit-filter:var(--filter-3);filter:var(--filter-3);width:100%}section.contact .old-portfolio{bottom:20px;position:absolute;right:20px}section.contact .old-portfolio .text{color:#686868;color:var(--text-2);display:flex;font-size:14px;overflow:hidden;position:relative}@media(min-width:768px){section.contact .old-portfolio .text:before{background-color:#ff0181;background-color:var(--accent-1);opacity:.5;-webkit-transform:translateX(101%);transform:translateX(101%)}section.contact .old-portfolio .text:after,section.contact .old-portfolio .text:before{border-radius:1rem;bottom:0;content:"";height:1px;position:absolute;transition:all .4s ease;width:100%}section.contact .old-portfolio .text:after{background-color:#686868;background-color:var(--text-2);opacity:.1;-webkit-transform:translateX(-101%);transform:translateX(-101%)}}section.contact .old-portfolio .text:hover:after,section.contact .old-portfolio .text:hover:before{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}section.contact .old-portfolio img{-webkit-filter:var(--filter-3);filter:var(--filter-3);position:absolute;right:-2px;-webkit-transform:translateX(100%);transform:translateX(100%);width:10px}footer{align-items:center;display:flex;flex-direction:column;margin-top:150px;width:100%}footer .footer-center{width:clamp(200px,90%,1200px)}footer .title{color:#102a42;color:var(--text-4);font-family:Montez,cursive;font-size:100px;text-align:center}@media(max-width:768px){footer{margin-top:100px}}.mobile-nav-bg{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);display:none;left:0;z-index:5}.mobile-nav,.mobile-nav-bg{height:100%;position:fixed;top:0;transition:all .3s ease;width:100%}.mobile-nav{align-items:center;background:#f3f3f3;background:var(--bg-4);border-bottom-left-radius:180px;display:flex;flex-direction:column;justify-content:center;max-height:500px;max-width:300px;right:0;-webkit-transform:translate(100%,-100%);transform:translate(100%,-100%);z-index:6}.mobile-nav .github{padding:20px 50px}.mobile-nav .github img{-webkit-filter:var(--filter-3);filter:var(--filter-3);margin-top:9px;width:35px}.mobile-nav nav{align-items:center;display:flex;flex-direction:column;justify-content:center}.mobile-nav nav a{padding:20px 50px}.toggle-mobile-menu{display:none;padding:8px;position:fixed;right:10px;top:10px;z-index:10}.toggle-mobile-menu img{-webkit-filter:var(--filter-3);filter:var(--filter-3);margin-top:8px}@media(max-width:768px){.mobile-nav{justify-content:center}.mobile-nav.active{-webkit-transform:translate(0);transform:translate(0)}.mobile-nav-bg,.toggle-mobile-menu{display:block}}.loader{-webkit-animation:hideLoader .6s ease forwards;animation:hideLoader .6s ease forwards;background-color:#fff;background-color:var(--bg-1);background:radial-gradient(110% 50% at bottom,transparent 50%,#fff9f9 51%);background:radial-gradient(110% 50% at bottom,transparent 50%,var(--bg-2) 51%);display:grid;height:135vh;left:0;place-items:center;position:fixed;top:0;width:100vw;z-index:100}@-webkit-keyframes hideLoader{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}95%{opacity:.95}to{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@keyframes hideLoader{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}95%{opacity:.95}to{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}}.error{text-align:center}.error h1{color:#102a42;color:var(--text-4);font-size:16px;font-weight:400;margin-bottom:10px}.error a{color:#686868;color:var(--text-2);overflow:hidden;position:relative}@media(min-width:768px){.error a:before{background-color:#ff0181;background-color:var(--accent-1);opacity:.5;-webkit-transform:translateX(101%);transform:translateX(101%)}.error a:after,.error a:before{border-radius:1rem;bottom:0;content:"";height:1px;position:absolute;transition:all .4s ease;width:100%}.error a:after{background-color:#686868;background-color:var(--text-2);opacity:.1;-webkit-transform:translateX(-101%);transform:translateX(-101%)}}.error a:hover:after,.error a:hover:before{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}.modal-overlay{align-items:center;-webkit-animation:fadeIn .3s ease forwards;animation:fadeIn .3s ease forwards;background:rgba(0,0,0,.5);display:flex;flex-direction:column;height:100%;justify-content:center;left:0;overflow:auto;padding:20px;position:fixed;top:0;width:100%;z-index:10}.modal-overlay .close-button{display:none;-webkit-filter:var(--filter-3);filter:var(--filter-3);position:absolute;right:25px;top:25px;z-index:5}.modal-overlay .close-button img{width:15px}.modal-overlay .separator-under{background-color:#fff;background-color:var(--bg-1);border-radius:1000rem;height:2px;margin-top:11px;width:142px}@media(max-width:768px){.modal-overlay{padding:10px}.modal-overlay .close-button{display:block}}
/*# sourceMappingURL=main.1af58ae1.css.map*/