/*! tailwindcss v4.0.16 | MIT License | https://tailwindcss.com */@import "https://fonts.googleapis.com/css2?family=Exo+2:wght@300;700;900&display=swap";body{box-sizing:border-box;color:#fff;margin:0;padding:0;font-family:Exo\ 2,sans-serif;line-height:1.5;overflow:hidden}.container{transition:background 1s ease-in-out}.flex{justify-content:space-around;align-items:center;display:flex}canvas{overflow:hidden}.screen.skill div{text-align:center;width:50%;margin:auto auto 40px}.experience{border-radius:10px;margin:auto;padding:10px;width:70%!important}.experience *{text-align:left}.experience p{max-width:100%!important}.logoContainer{background:#fff;border:1px solid #aaa;border-radius:10px;align-items:center;width:45%;min-height:300px}.experienceContent,.logoContainer{justify-content:center;padding:20px;display:flex}.experienceContent{flex-direction:column;width:100%}.logoContainer img{width:100%;height:auto}.screen.experience{flex-direction:row;display:flex}.header{flex-direction:column;width:100vw;max-width:1200px;margin:0 auto;padding:1rem;display:flex}.header,.title-wrapper{justify-content:center;align-items:center}.title-wrapper{display:grid;transform:skewY(-10deg)}.bottom-title{text-align:center;color:#fff;order:2;margin-top:10px;font-size:clamp(1rem,4vw,1.5rem);display:block}.experienceHeader h1{width:65%}.sweet-title{color:#fde9ff;text-transform:uppercase;text-align:center;order:2;margin:0;font-size:clamp(3rem,10vw,6rem);font-weight:900;line-height:.75em}.sweet-title span{display:block;position:relative}.sweet-title span:before{content:attr(data-text);z-index:1;position:absolute}.sweet-title span:first-child{padding-right:2.25rem}.button-wrapper{justify-content:center;align-items:center;width:100%;margin-top:30px;display:flex}.header button{text-align:center;border:1px solid #fff;width:180px;margin:auto;font-size:1.2rem;font-weight:700}.glow-on-hover{color:#fff;cursor:pointer;z-index:0;background:#111;border:none;border-radius:10px;outline:none;min-width:120px;min-height:40px;position:relative}.glow-on-hover:before,.homeScroll:before{content:"";z-index:-1;filter:blur(5px);opacity:0;background:linear-gradient(45deg,red,#ff7300,#fffb00,#48ff00,#00ffd5,#002bff,#7a00ff,#ff00c8,red) 0 0/400%;border-radius:10px;width:calc(100% + 4px);height:calc(100% + 4px);transition:opacity .3s ease-in-out;animation:glowing 20s linear infinite;position:absolute;top:-2px;left:-2px}.glow-on-hover:active{color:#000}.glow-on-hover:active:after{background:0 0}.glow-on-hover:hover:before,.homeScroll:before{opacity:1}.glow-on-hover:after{z-index:-1;content:"";background:#111;border-radius:10px;width:100%;height:100%;position:absolute;top:0;left:0}@keyframes glowing{0%{background-position:0 0}50%{background-position:400% 0}to{background-position:0 0}}.screen,h1,h2,h3,h4,h5,h6{color:#fff}.screen{flex-direction:column;width:100vw;display:flex}.screen h1{text-align:center}.experienceHeader{display:flex}.experienceHeader h1{text-align:left}.screen.page h3{text-align:left;width:100%;margin:15px auto}.screen.page div{text-align:left;max-width:80%;margin:auto}.screen.skill p{text-align:center;width:55%;margin:auto}.screen p{margin:auto;padding-bottom:10px}.screen button{border:1px solid #fff;max-width:50%;margin:auto}.screen .buttons{text-align:center;margin-top:40px;display:block}.screen .buttons button{text-align:center;margin-left:5px;margin-right:5px}.home .button-wrapper{display:none}hr{width:100%}.sidebar-header h2{cursor:pointer;margin-top:0}.sidebarBackground{transition:background-color 1s ease-in-out}@media (width<=768px){.skill div{margin:auto;font-size:.9em;width:95%!important}.header{flex-direction:column;padding:.5rem}.sweet-title{font-size:clamp(5rem,8vw,4rem)}.bottom-title{font-size:clamp(.8rem,3vw,1.2rem)}.button-wrapper{flex-direction:column}.screen.skill p{width:95%}.screen{width:75%;margin:auto;position:relative;bottom:100px}.screen.page h3{text-align:left!important}.screen button{max-width:90%}.screen .buttons{display:block}.home .button-wrapper{display:flex}.homeScroll{display:none}.screen.page div{max-width:94%;margin:auto}.screen.experience{flex-direction:column;display:flex;width:100%!important}.logoContainer{width:100%;min-height:unset;margin:auto}.buttons button.glow-on-hover{min-width:unset;width:40%!important}img[src="/alipes.avif"],img[src="/matressworldusa.jpeg"]{width:50%}.cert{width:85%!important;height:auto!important}.cert:hover{transform:none!important}.screen.skill.certificates div{text-align:left}.screen.skill.certificates div h3{font-size:2.5em}}.about-me{width:70%;margin:auto}.cert{cursor:pointer;transition:transform .3s ease-in-out}.cert:hover{transform:scale(2)}.yarl__portal{z-index:99999999!important}.cert{width:48%;height:fit-content}.loaderContainer{position:relative;bottom:150px}.loader{--s:25px;--g:5px;height:calc(1.353*var(--s) + var(--g));aspect-ratio:3;--_m:linear-gradient(90deg,#0000,#000 15px calc(100% - 15px),#0000);justify-items:end;display:grid;overflow:hidden}.loader,.loader:before{-webkit-mask:var(--_m);mask:var(--_m)}.loader:before{content:"";background:conic-gradient(from -90deg at var(--s)calc(.353*var(--s)),#fff 135deg,#666 0 270deg,#aaa 0);--_m:linear-gradient(to bottom right,#0000 calc(.25*var(--s)),#000 0 calc(100% - calc(.25*var(--s)) - 1.414*var(--g)),#0000 0),conic-gradient(from -90deg at right var(--g)bottom var(--g),#000 90deg,#0000 0);width:133.333%;background-size:25% 100%;animation:l8 1s linear infinite;-webkit-mask-size:25% 100%;mask-size:25% 100%;-webkit-mask-composite:source-in;mask-composite:intersect}@keyframes l8{to{transform:translate(25%)}}.about-me .content{text-align:center;width:100%;margin:auto;padding:10px}.about-me video{width:40%;box-shadow:10px;float:right;border:1px solid #aaa;border-radius:10px;margin-top:90px;margin-left:20px;position:relative}button.glow-on-hover.homeScroll{width:250px;position:relative;top:10px}.about-me{background:#0000008f;border-radius:10px;padding:10px 20px 10px 10px}.screen.skill.certificates .buttons{transform:scale(.9)}.sidebar-toggle.open{left:240px!important}button.sidebar-toggle{background:transparent!important;position:fixed;background:none;border:none;color:white;font-size:3.3em;cursor:pointer;text-shadow:0 0 5px #000;margin:0;padding:0;left:15px;z-index:999999999;transition:left .5s ease}.sidebar{position:absolute;top:0;left:-270px;width:240px;height:100vh;overflow-y:auto;background-color:#2c3e50;padding:20px 20px 300px;transition:left .3s ease;z-index:90000000}.sidebar,.sidebar a{color:white}.sidebar.open{left:0}.sidebar-header{position:sticky;top:-20px;z-index:999;display:flex;justify-content:space-between;align-items:center}.sidebar-header div{padding-bottom:15px}.sidebar .close-btn{background:none;border:none;font-size:24px;color:white;cursor:pointer}.nav{margin-top:30px;flex-direction:column;padding-bottom:500px}.nav,.nav a{display:flex}.nav a{color:white;text-decoration:none;padding:12px 0;align-items:center;gap:10px;font-size:18px}.nav a:hover{background-color:#34495e;padding-left:10px}.main-content{margin-left:240px;padding:20px;transition:margin-left .3s ease}.emailLink{display:flex;align-items:center;gap:5px}.emailLink svg{position:relative;top:3px}@media (max-width:768px){.sidebar{width:220px;left:-255px}.main-content{margin-left:0}.musicButton{left:15px!important}.sidebar-toggle{left:18px!important}.sidebar-toggle.open{left:220px!important}}.nav-item button{width:100%;border-radius:0;margin:5px 0}.sidebar h3{position:relative}.musicButton{position:fixed;z-index:999999999;top:50px;left:10px;border:none;background:none;color:white;padding:0;cursor:pointer;opacity:0;animation:fadeIn 2s forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.musicButton svg{width:50px}.show{display:block}.hide{display:none}
/*! tailwindcss v4.0.16 | MIT License | https://tailwindcss.com */@import "https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap";@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;700&display=swap";.postcaptain{font-family:DM Sans,sans-serif}.postcaptain h1{color:#004d80;width:10000px;font-family:Poppins,sans-serif;font-size:10.5rem;font-weight:700}.postcaptain .App,.postcaptain h1{text-align:center}.postcaptain ul{text-align:left}.postcaptain .App-logo{pointer-events:none;height:40vmin}@media (prefers-reduced-motion:no-preference){.postcaptain .App-logo{animation:App-logo-spin 20s linear infinite}}.postcaptain .App-header{color:#fff;background-color:#282c34;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;font-size:calc(10px + 2vmin);display:flex}.postcaptain .App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.itemLabel{color:#00b856;font-size:5rem;font-weight:700}.darkMode,.darkMode img{width:100%}.darkMode{height:2400px;position:fixed;top:-380px;left:0;overflow:hidden}.darkMode img{will-change:transform;transition:transform .1s}