*{box-sizing:border-box;margin:0;padding:0}@font-face{font-family:Nexa;src:url(/fonts/Nexa-Heavy.ttf)format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Tommy;src:url(/fonts/MADE%20Tommy%20Soft%20Regular%20PERSONAL%20USE.otf)format("opentype");font-weight:400;font-style:normal}html,body{width:100%;min-height:100%;background-color:#000!important}body{overflow:hidden}main{width:100%;height:100dvh;position:relative;overflow:hidden}.copyright{z-index:1;text-align:center;font-family:Tommy;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.content{z-index:1;background-color:#fff6e5;border:4px solid #000;border-radius:15px;flex-direction:column;width:80%;height:80dvh;display:flex;position:absolute;top:10dvh;left:10%;overflow:hidden}.background{z-index:0;background-color:#add9b8;width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.taskbar{color:#fff;background-color:#000;flex-shrink:0;align-items:center;width:100%;height:42px;padding:0 16px;font-family:Tommy;display:flex;position:relative}.taskbar-left{align-items:center;gap:10px;display:flex}.taskbar-right{align-items:center;gap:20px;margin-left:auto;margin-right:6px;display:flex}.taskbar-left button,.taskbar-left a{color:#fff;cursor:pointer;font-family:inherit;font-size:inherit;background:0 0;border:none;border-radius:5px;justify-content:center;align-items:center;gap:6px;margin-top:3px;padding:4px 6px;text-decoration:none;transition:background-color 75ms;display:flex}.taskbar-left button:hover,.taskbar-left a:hover{background-color:#333}.taskbar-time{font-variant-numeric:tabular-nums}.language-switcher{justify-content:center;align-items:center;gap:5px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.language-switcher button{color:#777;font-family:inherit;font-size:inherit;cursor:pointer;background:0 0;border:none;padding:2px}.language-switcher button:hover{color:#fff}.language-switcher button.active{color:#fff;font-weight:700}.language-switcher span{color:#555}.desktop{flex:1;position:relative;overflow:hidden}.desktop-app{cursor:pointer;background:0 0;border:none;border-radius:10px;flex-direction:column;align-items:center;font-family:Tommy;transition:background-color 75ms;display:flex;position:absolute}.desktop-app:hover{background-color:#d8d1c2}.desktop-app-icon{font-size:40px}.desktop-app-name{color:#fff;background-color:#000;border-radius:5px;margin-top:5px;padding:3px 7px;font-size:14px}.aboutme{top:13%;left:5%}.education{top:15%;right:2%}.projects{top:37%;left:2%}.development{top:36%;right:4%}.music{top:60%;left:5%}.socialmedia{top:58%;right:1%}.app-window{background-color:#fff;border:4px solid #000;border-radius:15px;flex-direction:column;width:70%;height:75%;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.app-window-header{color:#fff;background-color:#000;border-radius:10px 10px 0 0;flex-shrink:0;justify-content:space-between;align-items:center;height:32px;padding:0 10px;font-family:Tommy;font-weight:700;display:flex}.windowControls{align-items:center;gap:10px;display:flex}.windowControls img{object-fit:contain;width:20px;height:20px}.windowControls button{cursor:pointer;background:0 0;border:none;margin:2px 0 0;padding:0;transition:background-color 75ms}.windowControls button:hover{background-color:#333;border-radius:5px}.app-window-content{flex:1;padding:30px;animation:.6s ease-out contentAppear;overflow-y:auto}@keyframes contentAppear{0%{opacity:0;filter:blur(8px);transform:translateY(15px)}to{opacity:1;filter:blur();transform:translateY(0)}}.intro{justify-content:center;align-items:center;gap:50px;width:100%;min-height:90%;display:flex}.intro img{background-color:#fff6e5;border:3px solid #000;border-radius:10px;width:220px;padding:8px;transition:transform .2s,filter .2s}.intro img:hover{transform:translateY(-5px)}.introTexts{text-align:center}.introTexts h1{color:#0000;background:linear-gradient(90deg,#ff3b30,#ff9500,#fc0,#34c759,#00c7ff,#007aff,#5856d6,#af52de,#ff2d55) 0%/300% 100%;-webkit-background-clip:text;background-clip:text;font-family:Nexa;animation:6s ease-in-out infinite titleGradient;position:relative}@keyframes titleGradient{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.introTexts h2{margin-bottom:10%;font-family:Tommy;font-weight:400}.introContact{text-align:center;margin-top:5%}.introContact h3{font-family:Nexa}.contactButtons{justify-content:center;align-items:center;gap:12px;margin-top:2%;display:flex}.contactButtons a,.emailButton{color:#fff;cursor:pointer;border:none;border-radius:5px;padding:7px;font-family:Tommy;font-size:16px;text-decoration:none}.emailContainer{position:relative}.emailButton{background-color:#c71610}.emailButton:hover{background-color:#b1140e;text-decoration:underline}.contactButtons a{background-color:#0a66c2}.contactButtons a:hover{background-color:#0859aa;text-decoration:underline}.copyPopover{color:#fff;white-space:nowrap;background-color:#000;border-radius:5px;padding:7px 12px;font-family:Tommy;font-size:13px;animation:.2s ease-out popoverAppear;position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%)}.copyPopover:before{content:"";background-color:#000;width:10px;height:10px;position:absolute;top:-5px;left:50%;transform:translate(-50%)rotate(45deg)}@keyframes popoverAppear{0%{opacity:0;transform:translate(-50%,-5px)}to{opacity:1;transform:translate(-50%)}}.sobremi{margin-left:5%;margin-right:5%}.sobremi .introduction{background-color:#fff6e5;border:3px solid #000;border-radius:10px;gap:20px;padding:10px;display:flex}.sobremi img{border:2px solid #000;width:200px;height:200px}.introduction p{font-family:Tommy;font-size:large;line-height:2}.sobremi h3{margin-top:2%;font-family:Nexa}.sobremi .textAbout{margin-bottom:1%;font-family:Tommy}.project{border-bottom:3px solid #000;justify-content:center;align-items:center;gap:10px;width:100%;margin-top:3%;padding-bottom:4%;display:flex}.projects h1:first-child{text-align:center;padding-bottom:2%;font-family:Nexa}.project:first-child{margin-top:0%}.project:last-child{border-bottom:none;padding-bottom:0%}.projectName{text-align:center;width:100%}.projectName h1{font-family:Nexa}.projectName img{width:150px}.project.quorum .projectName img{border-radius:15px}.projectText{width:100%}.projectText p{font-family:Tommy}.project.blog .projectName img{border-radius:10px;width:300px}.technologies{flex-wrap:wrap;justify-content:start;align-items:center;gap:15px;width:100%;margin-top:3%;margin-bottom:3%;display:flex}.technologies div{background-color:#f5f5f5;border:2px solid #000;border-radius:5px;justify-content:center;align-items:center;gap:5px;padding:3px;transition:transform .15s,background-color .15s;display:flex}.technologies div:hover{background-color:#e8e8e8;transform:translateY(-4px)}.technologies div img{width:25px}.technologies div p{font-family:Tommy}.project button{color:#0048ff;cursor:pointer;background:0 0;border:none;justify-content:center;width:100%;font-family:Tommy;font-size:medium;display:flex}.project button:hover{text-decoration:underline}.projectOverlay{z-index:9999;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.projectModal{background:#fff;border:4px solid #000;border-radius:15px;width:80%;height:80%;margin-top:32px;padding:30px;overflow:hidden auto}.projectModal h3{text-align:center;font-family:Nexa}.educationContainer{flex-direction:column;align-items:center;gap:30px;width:100%;padding-right:5%;display:flex}.educationContainer .collage{align-items:center;gap:10px;display:flex}.educationLogo{flex-shrink:0;justify-content:center;align-items:center;width:150px;height:100px;display:flex}.educationLogo img{object-fit:contain;max-width:150px;max-height:100px}.educationInfo{flex-direction:column;align-items:flex-start;min-width:0;display:flex}.educationInfo h2{margin:0 0 5px;font-family:Nexa;font-size:1.6rem}.educationInfo h3{margin:0 0 6px;font-family:Tommy;font-size:1.05rem}.educationInfo span{font-family:Tommy;font-size:.9rem}.separador{background:#000;width:90%;height:3px;margin:25px auto}.developmentContainer{align-items:flex-start;gap:25px;width:100%;padding:10px;display:flex}.developmentColumn{flex-direction:column;flex:1;gap:25px;display:flex}.developmentColumn>div{background-color:#fff;border:3px solid #000;border-radius:12px;padding:20px}.developmentContainer h1{text-align:center;margin-bottom:20px;font-family:Nexa;font-size:24px}.technology{flex-wrap:wrap;justify-content:center;align-items:stretch;gap:12px;display:flex}.technology>div{background-color:#f5f5f5;border:2px solid #000;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;width:100px;min-height:100px;padding:10px;transition:transform .15s,background-color .15s;display:flex}.technology>div:hover{background-color:#e8e8e8;transform:translateY(-4px)}.technology img{object-fit:contain;width:45px;height:45px;margin-bottom:8px}.technology p{text-align:center;font-family:Tommy;font-size:14px}.waves{width:110%;height:110%;position:absolute;inset:-5%;overflow:visible}.wave{transform-box:fill-box;transform-origin:50%}.wave-1{fill:#f2b138;animation:2.5s ease-in-out infinite alternate waveOne}.wave-2{fill:#fea079;animation:3s ease-in-out infinite alternate waveTwo}.wave-3{fill:#ecbdf2;animation:3.5s ease-in-out infinite alternate waveThree}.wave-4{fill:#add9b8;animation:2.8s ease-in-out infinite alternate waveFour}.wave-5{fill:#57c6f2;animation:3.2s ease-in-out infinite alternate waveFive}@keyframes waveOne{0%{transform:translate(-1%)}to{transform:translate(1%)}}@keyframes waveTwo{0%{transform:translate(1%)}to{transform:translate(-1%)}}@keyframes waveThree{0%{transform:translate(-1%)}to{transform:translate(1%)}}@keyframes waveFour{0%{transform:translate(1%)}to{transform:translate(-1%)}}@keyframes waveFive{0%{transform:translate(-1%)}to{transform:translate(1%)}}.placeholder{justify-content:center;align-items:center;width:100%;height:100%;font-family:Nexa;font-size:xx-large;display:flex}.mobile-menu-button,.offcanvas,.offcanvas-overlay{display:none}@media (width<=600px){.mobile-menu-button{color:#fff;cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:22px;line-height:1;display:block}.app-window-header{justify-content:flex-start;align-items:center;gap:10px}.app-window-header>span{flex:1}.offcanvas-overlay{z-index:10;background-color:#00000059;display:block;position:absolute;inset:0}.offcanvas{z-index:11;background-color:#fff6e5;border-right:4px solid #000;flex-direction:column;width:75%;max-width:320px;height:100%;display:flex;position:absolute;top:0;left:0}.offcanvas-header{color:#fff;background-color:#000;flex-shrink:0;justify-content:space-between;align-items:center;height:32px;padding:0 10px;font-family:Tommy;font-weight:700;display:flex}.offcanvas-header button{cursor:pointer;background:0 0;border:none;padding:0}.offcanvas-header img{width:20px;height:20px}.offcanvas-content{flex-direction:column;gap:8px;padding:15px;display:flex;overflow-y:auto}.offcanvas-content button{color:#000;text-align:left;cursor:pointer;background-color:#fff;border:3px solid #000;border-radius:8px;width:100%;padding:10px;font-family:Tommy;font-size:16px}.offcanvas-content button:hover{background-color:#d8d1c2}.content{border:none;border-radius:0;width:100%;height:100dvh;top:0;left:0}.desktop{width:100%;height:100%}.desktop-app,.taskbar{display:none}.app-window{border:none;border-radius:0;width:100%;height:100%;position:absolute;top:0;left:0;transform:none}.app-window-header{border-radius:0}.copyright{display:none}.copyrightMobile{text-align:center;margin-top:auto;margin-bottom:10px;font-family:Tommy}.offcanvas-language{border-top:2px solid #000;flex-direction:column;gap:8px;margin-top:15px;padding-top:15px;font-family:Tommy;display:flex}.offcanvas-language>span{text-align:center;font-weight:700}.offcanvas-language div{justify-content:center;align-items:center;gap:8px;width:100%;display:flex}.offcanvas-language button{background:0 0;border:none;width:auto;padding:2px;font-family:Tommy;font-size:14px}.offcanvas-language button.active{font-weight:700;text-decoration:underline}.offcanvas-language div span{color:#777}.app-window-content{padding:25px 20px}.intro{text-align:center;flex-direction:column;justify-content:center;gap:25px;width:100%;min-height:100%}.intro img{width:225px;max-width:70vw}.introTexts{width:100%}.introTexts h1{font-size:clamp(32px,10vw,48px);line-height:1.05}.introTexts h2{margin-top:12px;margin-bottom:30px;font-size:25px}.introContact{margin-top:0}.introContact h3{font-size:25px}.contactButtons{gap:10px}.contactButtons a,.emailButton{padding:8px 12px;font-size:18px;display:flex}.project{flex-direction:column}.project.project.quorum{flex-direction:column-reverse}.developmentContainer{flex-direction:column;gap:20px;padding:0}.developmentColumn{gap:20px;width:100%}.developmentColumn>div{border-width:3px;padding:15px}.developmentContainer h1{margin-bottom:15px;font-size:22px}.technology{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.technology>div{width:100%;min-height:95px;padding:8px}.technology img{width:40px;height:40px}.technology p{font-size:13px}.sobremi .introduction{flex-direction:column;align-items:center;margin-bottom:5%}.textAbout{margin-bottom:5%!important}}