*{font-family:Roboto,sans-serif;margin:0;padding:0;cursor:none}.page-wrapper{position:relative}.fade-enter{opacity:0}.fade-enter.fade-enter-active{opacity:1;transition:opacity .5s ease}.fade-exit{opacity:1}.fade-exit.fade-exit-active{opacity:0;transition:opacity .5s ease}.fade-enter-active,.fade-exit-active{position:absolute;width:100%;top:0;left:0}.page-wrapper{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.certificates-container,.contact-container{width:100%;display:flex;justify-content:center}.background{display:flex;width:100%;min-height:100vh;background-color:#8e9eab;background-image:linear-gradient(43deg,#8e9eab 30%,#eef2f3 100%)}.background{overflow:hidden;display:flex;width:100%;height:100vh;background-color:#8e9eab;background-image:linear-gradient(43deg,#8e9eab 30%,#eef2f3 100%)}@media (max-height: 5000px){.github-calendar-container{margin-top:100px;display:flex;justify-content:center;align-items:center}.background{overflow:visible;overflow:auto}}.nav{display:flex;justify-content:flex-end;top:0;right:0;padding:100px;position:relative}.nav ul{list-style-type:none;margin:150;padding:0}.nav li{font-size:50px;margin-right:100px}.nav-button{margin-top:1rem;height:60px;background-color:#000;border:none;border-radius:0;background-clip:text;-webkit-background-clip:text;color:transparent;font-size:50px;padding:0;line-height:1;transition:color .25s ease-out,background-color .25s ease-out;text-decoration:none}.nav-button:hover{color:#fff;transition-delay:.02s;opacity:.6}@media (max-width: 1250px){.nav{padding:30px;justify-content:center;position:relative;top:200px;left:100px;left:50%;transform:translate(-50%)}.nav ul{display:flex;flex-direction:column;align-items:center;margin-top:50px}.nav li{font-size:30px;margin-right:0;margin-bottom:20px}}@media (max-width: 768px){.nav{padding:50px;justify-content:center;position:relative;top:300px}.nav li{font-size:30px;margin-right:50px}}@media (max-width: 480px){.nav{top:300px;padding:30px}.nav li{font-size:25px;margin-right:30px}}.footer{position:relative;top:100px;width:100vw;padding:20px 0;display:flex;flex-direction:column;align-items:center}.footer h1{margin:0 0 10px;font-size:1.5em}.footer-buttons{display:flex;gap:10px;margin-bottom:10px}.social-button{cursor:pointer;font-size:24px;background-color:transparent;border:none;border-radius:15px;transition:color .25s ease-out}.social-button:hover{color:#ffffffb7;box-shadow:#00000059 0 5px 15px;opacity:.6;transition-delay:.02s}.icon{vertical-align:middle;font-size:40px}.footer-text{text-align:center}.footer hr{border:none;height:.5px;background-color:#000;width:100vw;margin:10px 0}.text-container{position:relative}.welcome{display:flex;position:absolute;top:50px;left:50px;font-size:70px;margin:10px}.welcome2{display:flex;position:absolute;top:130px;left:50px;font-size:60px;margin:10px}.fade-in{opacity:1}.fade-out{opacity:0}.github-calendar-container{top:-150px;display:flex;justify-content:center;align-items:center;padding:0;width:100vw;min-height:400px;max-height:calc(100vh - 300px);overflow-y:auto;box-sizing:border-box;position:relative;left:50%;transform:translate(-50%)}@media (max-width: 1250px){.github-calendar-container{top:50px}}@media (max-width: 768px){.welcome2{top:220px}.github-calendar-container{top:145px}}.custom-cursor{position:fixed;top:0;left:0;width:15px;height:15px;background-color:#000;border-radius:50%;pointer-events:none;z-index:9999;transition:transform .3s ease-out,background-color .3s ease-out}.custom-cursor:hover{color:#3c1053;transition-delay:.02s;opacity:.6}@media (max-width: 480px){.custom-cursor{background-color:none;width:0;height:0}}.about-container{display:relative;flex-direction:column;justify-content:center;align-items:center;flex-grow:1}.about-card{max-width:1100px;box-shadow:0 2px 5px #00000080;padding:20px;text-align:center;margin:250px auto 163px}.about-h1{font-weight:bolder;text-align:left}.about-text{font-family:Arial,sans-serif;font-size:25px;line-height:1.5;font-weight:bolder;padding:20px;border-radius:5px}@media (max-width: 1100px){.about-card{margin-top:350px}}.nav2{height:60px;display:flex;justify-content:center;position:fixed;top:0;left:0;width:100%;padding:20px;flex-direction:row;align-items:center;z-index:2}.nav2.nav2-blur{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fff3}.nav2-menu-icon{color:#000}.nav2-icon{position:absolute;left:150px;top:50%;transform:translateY(-50%);color:#000;font-size:50px}.nav2-icon{color:#000;font-size:40px}.nav2-icon:hover{color:#fff;transition-delay:.02s;opacity:.6}.nav2-button{margin:0 10px;height:40px;background-color:#000;border:none;border-radius:0;background-clip:text;-webkit-background-clip:text;color:transparent;font-size:30px;padding:0 10px;line-height:1;transition:color .25s ease-out,background-color .25s ease-out;text-decoration:none}.nav2-button:hover{color:#ffffffb7;background-color:#3c1053;transition-delay:.02s;opacity:.6}.nav2-menu{display:flex;flex-direction:row}.nav2-menu-collapsed{display:none}.nav2-home.home-default{display:flex}.home-default .nav2-menu-icon{display:none}@media (max-width: 1100px){.nav2{top:100px;position:relative;flex-direction:column;align-items:flex-start;padding:10px}.nav2-menu{position:absolute;flex-direction:column;left:130px;top:0px}.home-collapsible .nav2-home{display:none}.home-collapsible .nav2-menu-icon{display:block}.home-collapsible .nav2-menu,.home-collapsible .nav2-menu-collapsed{display:flex;flex-direction:column}.nav2-button{margin:10px 0;background-color:transparent;color:#000;font-size:50px;flex-direction:column}.nav2-button:hover{background-color:transparent;opacity:1}.nav2-menu-icon{position:relative;transform:translate(-50%);font-size:30px;margin-bottom:20px;right:80px;top:50px}.home-collapsible{position:relative;left:50%;transform:translate(-50%);font-size:30px;margin-bottom:20px}}@media (min-width: 1100px){.nav2{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fff3}}.tech-container{position:relative;flex-direction:row;justify-content:center;align-items:center;flex-grow:1;margin-top:230px;max-width:500px;right:50vh;left:50%;transform:translate(-50%)}.clickable-list{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;justify-items:center;align-items:center}.project{flex-direction:row;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;margin-bottom:176px}.project-card{width:300px;height:450px;margin:40px 40px 0;padding:20px;text-align:center;box-shadow:0 0 10px #00000080;display:flex;flex-direction:column;justify-content:center;align-items:center}.photo{width:250px;height:200px;object-fit:cover;margin-bottom:20px}.text{text-align:center;margin-bottom:60px;font-size:larger;font-style:oblique}.code-link{height:0px;color:#000;margin-bottom:60px;background-color:transparent;border:none}.code-link:hover{color:#ffffffb7;transition-delay:.02s;opacity:.6}.tech{display:flex;flex-direction:column;justify-content:center;align-items:center;position:fixed;top:20%;left:50%;transform:translate(-50%,-50%)}.h1-tech{font-size:30px;text-align:center;margin-bottom:30px}.clickable-list li{font-size:20px;display:flex;flex-wrap:wrap;justify-content:center;list-style-type:none;margin-left:20px;margin-top:10px}@media (min-width: 768px){.clickable-list li{width:25%}}@media (min-width: 992px){.clickable-list li{width:20%}}@media (max-width: 1100px){.tech-container{margin-top:350px}}.clickable-list label{display:flex;align-items:center;transition:color .25s ease-out,background-color .25s ease-out}.clickable-list label:hover{color:#ffffffb7;transition-delay:.02s;opacity:.6}.clickable-list input[type=checkbox]{margin-right:5px;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border:1px solid #000;border-radius:4px;background-color:transparent}.clickable-list input[type=checkbox]:checked{background-color:#000;opacity:1}.clickable-list label span{opacity:.5}.background{display:flex;flex-direction:column;min-height:100vh;position:relative}.certificates-container{display:relative;flex-direction:column;justify-content:center;align-items:center}.certificates-grid{width:300px;height:450px;margin:40px 40px 414px;padding:20px;text-align:center;border-radius:8px;box-shadow:0 0 10px #00000080;position:relative;top:300px}.image{position:relative;right:20px}.certificate-card{width:100%;height:100%;cursor:pointer;transform-style:preserve-3d;transition:transform .6s;justify-content:center;align-items:flex-end}.certificate-card .card-inner{transition:transform .6s}.certificate-card .front,.certificate-card .back{backface-visibility:hidden}.certificate-card .front.flipped,.certificate-card .back.flipped,.certificate-card.flipped .card-inner{transform:rotateY(180deg)}.certificate-card .card-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s}.certificate-card .front,.certificate-card .back{width:100%;height:100%;backface-visibility:hidden}.certificate-name{margin-bottom:50px}.certificate-card .front{z-index:2;position:absolute;justify-content:space-between;left:50%;transform:translate(-50%)}.certificate-card .back{transform:rotateY(180deg);z-index:1}.credentials-link{font-size:larger;color:#000;margin-bottom:30px;transition:color .25s ease-out,background-color .25s ease-out;text-decoration:none}.credentials-link:hover{color:#ffffffb7;transition-delay:.02s;opacity:.6}.background{display:flex;flex-direction:column;min-height:100vh}.contact-cont{display:relative;flex-direction:column;justify-content:center;align-items:center;height:100px}.contact-h1{font-family:Arial,sans-serif;font-size:45px;font-weight:700;margin-bottom:20px}.contact-text{font-family:Arial,sans-serif;font-size:30px;text-align:center;margin:0 auto;margin-top:25rem;height:544px;max-width:1400px}.contact-text p.email{display:inline-block;transition:color .25s ease-out,background-color .25s ease-out}.contact-text p.email:hover{color:#ffffffb7;opacity:.6}.notification{position:absolute;bottom:10%;left:50%;transform:translate(-50%);padding:10px 20px;border-radius:5px;z-index:9999;opacity:1;transition:opacity .3s ease-in-out}.notification.hidden{opacity:0}