@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";.experience-wrapper{position:fixed;height:100vh;width:100vw;z-index:-1}.experience{position:fixed;height:100%;width:100%}*{margin:0;padding:0;box-sizing:border-box}html,body{font-family:Montserrat,sans-serif;overflow:hidden}:root{--color-text-light: #333332;--color-text-titlle-light: #333332;--color-background-light: #faf4e580;--color-pink-light: #caffbf;--color-blue-light: #9bf6ff;--color-green-light: #ffadad;--color-yellow-light: #fdffb6;--color-text-dark: #FAF4E5;--color-text-titlle-dark: #8395CD;--color-background-dark: #8395CD80;--color-pink-dark: #FAF4E5;--color-blue-dark: #FAF4E5 --color-green-dark: #FAF4E5 --color-detail: #fff;--color-titlle: #8395CD;--hue: 223;--bg: hsl(var(--hue),10%,90%);--fg: hsl(var(--hue),10%,10%)}.light-theme{--color-text: var(--color-text-light);--color-text-titlle: var(--color-text-titlle-light);--color-background: var(--color-background-light);--color-pink: var(--color-pink-light);--color-blue: var(--color-blue-light);--color-green: var(--color-green-light)}.dark-theme{--color-text: var(--color-text-dark);--color-text-titlle: var(--color-text-titlle-dark);--color-background: var(--color-background-dark);--color-pink: var(--color-pink-dark);--color-blue: var(--color-blue-dark);--color-green: var(--color-green-dark)}.page-wrapper{position:absolute;width:100vw;height:100vh;overflow:hidden;z-index:5}.teleport-message{position:absolute;bottom:0;left:20%;width:60%;display:flex;align-items:center;justify-content:center;background-color:var(--color-background);color:var(--color-text);text-align:center;font-size:1.5rem;font-weight:700;z-index:1;border-radius:50px 50px 0 0;animation:appear .5s ease-in-out}.teleport-message_image{object-fit:cover;height:60px;width:60px}@keyframes appear{0%{opacity:0;transform:translateY(2rem)}25%{opacity:.4}to{opacity:1;transform:translateY(0);border-radius:50px 50px 0 0}}@keyframes blob{0%{transform:translate(0) scale(.5);top:50%;left:0%;width:100px;height:100px;opacity:.5;border-radius:50%}30%{top:50%;left:25%;width:100px;height:100px;opacity:1;border-radius:50%}70%{top:50%;left:0%;width:100px;height:100px;opacity:1;border-radius:50%;transform:translate(-50%,-50%) scale(1.5)}to{height:90%;width:35%;top:50%;left:0%;border-radius:0 200px 200px 0;transform:translateY(-50%) scale(1);opacity:1}}.section-title{position:relative;color:var(--color-text-titlle);animation:fadeIn 2.3s ease-in-out;width:fit-content;height:auto;top:0}.section-title-text{position:relative;font-size:130%;font-weight:500;z-index:10;white-space:nowrap;text-align:center;text-transform:uppercase;display:block;color:var(--color-text-titlle);background-color:var(--color-detail);border:1px solid var(--color-detail)}.section-subtitle-text{position:relative;font-size:130%;white-space:nowrap;text-align:center;font-weight:500;z-index:10;text-transform:uppercase;display:block;color:var(--color-text-titlle);background-color:var(--color-detail);border:1px solid var(--color-detail)}.second{margin-top:10px}.styleOne,.styleTwo,.styleThree,.styleFour{position:absolute;display:block;width:40%;max-width:278px;height:40px;z-index:-90;border:1px solid var(--color-detail);transform-origin:left;transform:skewY(-20deg)}.styleOne,.styleTwo{transform:skewY(-20deg)}.styleThree,.styleFour{left:60%;transform-origin:right;transform:skewY(-160deg)}.styleTwo,.styleThree{top:62px}.styleOne,.styleFour{top:0}.section-left,.section-right{position:absolute;top:50%;width:100px;height:100px;border-radius:50%;background-color:var(--color-background);color:var(--color-text);display:flex;z-index:0}.section-left{left:0%;animation:blob 1.8s ease-in-out forwards}.section-right{right:0%;animation:blob-right 1.8s ease-in-out forwards}.section-wrapper-right,.section-wrapper{position:absolute;width:100%;height:80%;top:15%;display:flex;flex-direction:column;align-items:center;z-index:0}.section-detail-wrapper-right,.section-detail-wrapper{position:relative;width:80%;margin:20% 10%;height:100%}.section-detail{text-align:justify;text-justify:distribute-all-lines;font-size:1.5rem;position:relative;z-index:5;animation:fadeIn 2.6s ease-in-out}.section-title-right{position:relative;color:var(--color-text-titlle);animation:fadeIn 2.3s ease-in-out}@keyframes blob-right{0%{transform:translate(0) scale(.5);top:50%;right:0%;width:100px;height:100px;opacity:.5;border-radius:50%}30%{top:50%;right:25%;width:100px;height:100px;opacity:1;border-radius:50%}70%{top:50%;right:-5%;width:100px;height:100px;opacity:1;border-radius:50%;transform:translate(-50%,-50%) scale(1.5)}to{height:90%;width:35%;top:50%;right:0%;border-radius:200px 0 0 200px;transform:translateY(-50%) scale(1);opacity:1}}.section-detail-right{text-align:justify;text-justify:inter-word;justify-content:center;font-size:1.5rem;position:relative;z-index:5;animation:fadeIn 2.6s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(2rem)}70%{opacity:0}to{opacity:1;transform:translateY(0);border-radius:50px 50px 0 0}}.skills{position:relative;display:grid;grid-template-columns:repeat(3,30%);grid-template-rows:repeat(3,30%);grid-gap:3%;padding:1rem;margin:0;color:var(--color-text);z-index:0}.skill{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:0}.skill-logo{width:60px;height:60px;object-fit:contain}.skill-name{font-size:1.4rem}.header-section-detail-right{position:relative;text-align:justify;text-justify:inter-word;justify-content:center;top:-10%}.pointer{width:10px;height:10px;border-radius:50%;background-color:red;position:absolute;top:50%;left:50%;z-index:15;transform:translate(-50%,-50%)}.countdown{position:relative;display:flex;justify-content:center;align-items:center;width:100%;height:100%;font-size:2rem;color:var(--color-text);z-index:10}.countdown_text{position:absolute;display:flex;justify-content:center;align-items:center;width:100%;height:100%;font-size:5rem;font-weight:700;color:var(--color-text);z-index:10}.loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;background-color:#faf4e5;z-index:5}.welcome-message-wrapper{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;background-color:#faf4e5;z-index:8}.welcome-message{position:absolute;top:20%;left:20%;width:100%;background-color:#faf4e5;z-index:9}.welcome-message_text{font-size:2rem;font-weight:700;color:var(--color-text);z-index:9}.welcome-message_text-name{font-size:3rem;font-weight:700;color:var(--color-text);padding:1rem;z-index:9}.welcome-message_text-welcome{font-size:4rem;font-weight:800;color:var(--color-text-titlle-dark);z-index:9}.welcome-message_text-portfolio{font-size:2.5rem;font-weight:600;padding:1rem;z-index:9}.welcome-message_subtext{font-size:1.5rem;font-weight:500;color:var(--color-text);padding:1rem;z-index:9}.start-button-wrapper{position:relative;top:50%;left:50%;margin-left:20px;margin-top:100px;transform:translate(-50%,-50%);width:300px;height:70px;z-index:9}.start-button{height:100%;width:100%;background-color:var(--color-titlle);border:none;border-radius:50px;display:flex;justify-content:center;align-items:center;z-index:10;color:var(--color-text-dark)}.start-button:hover{background-color:var(--color-titlle-dark);border:3px solid var(--color-titlle);cursor:pointer;color:var(--color-titlle)}.start-button_text{position:relative;font-size:2.3rem;font-weight:800;letter-spacing:.1rem}.bold{font-weight:600;font-size:1.6rem}.percentage{position:relative;margin-top:20px;font-size:1.2rem;font-weight:500;color:var(--color-titlle)}.loader-wrapper{font:1em/1.5 sans-serif;height:100vh;display:grid;place-content:center;place-items:center;transition:background-color .3s}.pl,.pl__worm{animation-duration:3s;animation-iteration-count:infinite}.pl{animation-name:bump;animation-timing-function:linear;width:8em;height:8em;z-index:4}.pl__ring{stroke:hsla(var(--hue),10%,10%,.1);transition:stroke .3s;z-index:5}.pl__worm{animation-name:worm;animation-timing-function:cubic-bezier(.42,.17,.75,.83);z-index:6}@media (prefers-color-scheme: dark){:root{--bg: hsl(var(--hue),10%,10%);--fg: hsl(var(--hue),10%,90%)}.pl__ring{stroke:hsla(var(--hue),10%,90%,.1)}}.pause-wrapper{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;background-color:#faf4e590;display:flex;justify-content:center;align-items:center;z-index:30}.pause-button{height:fit-content;width:fit-content;background-color:var(--color-titlle);border:none;border-radius:50px;display:flex;justify-content:center;align-items:center;z-index:30;color:var(--color-text-dark)}.pause-button:hover{background-color:var(--color-titlle-dark);border:3px solid var(--color-titlle);cursor:pointer;color:var(--color-titlle)}.pause-button_text{position:relative;font-size:2.3rem;font-weight:800;letter-spacing:.1rem;margin:0 1rem}@keyframes bump{0%,42%,46%,51%,55%,59%,63%,67%,71%,74%,78%,81%,85%,88%,92%,to{transform:translate(0)}44%{transform:translate(1.33%,6.75%)}53%{transform:translate(-16.67%,-.54%)}61%{transform:translate(3.66%,-2.46%)}69%{transform:translate(-.59%,15.27%)}76%{transform:translate(-1.92%,-4.68%)}83%{transform:translate(9.38%,.96%)}90%{transform:translate(-4.55%,1.98%)}}@keyframes worm{0%{stroke-dashoffset:10}25%{stroke-dashoffset:295}to{stroke-dashoffset:1165}}@media (max-width: 1120px){.skills{grid-gap:.2rem}.skill{width:80px;height:80px}.skill-logo{width:50px;height:50px}.skill-name{font-size:1rem}}@media (max-width: 968px){.welcome-message_text-welcome{font-size:3rem}.welcome-message_text-portfolio{font-size:2rem}.welcome-message_subtext{font-size:1.2rem}.welcome-message_text-name{font-size:2.5rem}.start-button_text{font-size:1.8rem}}@media (max-height: 820px){.section-detail,.section-detail-right{font-size:1rem}.skills{grid-gap:.2rem}.skill{width:80px;height:80px}.skill-logo{width:50px;height:50px}.skill-name{font-size:1rem}}.hidden{display:none}