@import "https://fonts.googleapis.com/css2?family=Noto+Sans+Display:ital,wght@0,100..900;1,100..900&display=swap";@keyframes fadeIn{0%{transform:scale(.8)}to{transform:scale(1)}}*{box-sizing:border-box;-webkit-user-select:none;user-select:none;margin:0;padding:0}html{color:#cdd6f4;scroll-behavior:smooth;background-color:#1e1e2e;background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;height:100vh;font-family:Noto Sans Display;overflow:hidden}#animBackground{pointer-events:none;z-index:0;filter:blur(40px);width:100vw;height:100vh;position:fixed;inset:0}#rotate-message{color:#cdd6f4;z-index:9999;text-align:center;background-color:#1e1e2e;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;padding:20px;display:flex;position:fixed;top:0;left:0}a{color:inherit;transition:color .25s}.wrapper{z-index:1;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.6s ease-out fadeIn;display:flex;position:relative}.box{-webkit-backdrop-filter:blur(1px);text-align:center;background-color:#18192699;border:3px solid #18192659;border-radius:50px;flex-direction:column;justify-content:safe center;align-items:center;width:min(50vw,700px);max-width:700px;height:90vh;max-height:1000px;padding:clamp(12px,2vw,30px);display:flex;overflow:auto;box-shadow:0 4px 30px #0000001a}#header{flex-direction:column;align-items:center;display:flex}.profile-photo{width:clamp(130px,25vh,250px);max-width:250px;max-height:auto;position:relative}.profile-photo img{z-index:1;border-radius:50%;width:100%;height:100%;position:relative}@property --angle{syntax:"<angle>";inherits:false;initial-value:0deg}.profile-photo:before{content:"";filter:blur(.5rem);z-index:0;background-image:conic-gradient(#89b4fa,#a6e3a1,#f9e2af,#f38ba8,#74c7ec);border-radius:51%;width:100%;height:100%;padding:2.5%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes spin{0%{--angle:0deg}to{--angle:360deg}}ul{justify-content:center;list-style:none;display:flex;position:relative}#title{color:#1e1e2e;-webkit-backdrop-filter:blur(4.4px);z-index:1;background:linear-gradient(-45deg,#fde8ee,#fdf6e7,#edf9eb,#e7f0fe);border:1px solid #11111b80;border-radius:50px;margin-top:clamp(8px,2vh,5%);padding:clamp(8px,1.5vh,2%) clamp(16px,2vw,4%);box-shadow:0 4px 30px #0000001a}#title h3{margin:0;font-size:clamp(1rem,3vh,1.5rem)}#title a{text-decoration:none}@keyframes gradient{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}#subtitle{color:#d7e0fe;-webkit-user-select:text;user-select:text;margin:clamp(4px,1vh,2%)}#subtitle2{color:#cdd6f4;-webkit-user-select:text;user-select:text;margin:clamp(4px,1vh,2%)}.arrowdn,.arrowup{color:#89b4fa;justify-content:center;width:100%;height:15%;text-decoration:none;display:flex;position:relative}.arrowdn img:hover,.arrowup img:hover{transform:scale(1.2)}.arrowdn img,.arrowup img{fill:#fff;width:30%;height:auto;transition:transform .2s ease-in-out;display:block}#main-content{position:relative}.main-text{border:1px solid #cdd6f480;border-radius:50px;max-width:95%;margin-top:clamp(8px,2vh,5%);padding:clamp(10px,2vh,20px);display:inline-block}.main-text p{-webkit-user-select:text;user-select:text}.buttons{justify-content:center;align-items:center;gap:1.5rem;width:100%;margin-top:4%;display:flex}.buttons a svg,.buttons button svg{fill:#cdd6f4;color:#cdd6f4;border-radius:50%;flex:none;width:35px;max-width:35px;height:35px;max-height:35px;display:flex}.buttons a svg path,.buttons button svg path{fill:currentColor}.buttons a,.buttons button{-webkit-backdrop-filter:blur(4.4px);color:#cdd6f4;background:#11111b4d;border:1px solid #11111b66;border-radius:50px;justify-content:center;align-items:center;width:50px;height:50px;transition:transform .5s;display:flex;box-shadow:0 4px 30px #0000001a}.buttons a:hover,.buttons button:hover{background:#cdd6f44d;border:1px solid #cdd6f44d;transform:scale(1.5);box-shadow:0 4px 30px #0000001a}.buttons button.active{color:#000;background:#cdd6f4;transform:scale(1.3);box-shadow:0 0 6px #cdd6f4d5,0 0 14px #cdd6f491}.open-button{font-size:70%}.buttons #youtube:hover svg{fill:#f38ba8;border-color:#f38ba8}.buttons #github:hover svg{fill:#a6e3a1;border-color:#a6e3a1}.buttons #pcparts:hover svg{fill:#f9e2af;border-color:#f9e2af}#discordlink{color:#cdd6f4;-webkit-user-select:text;user-select:text;width:fit-content;height:50px;padding:1% 2%;text-decoration:none;transition:transform .5s}#discordlink:hover,#discordlink-mobile:hover{background:#cdd6f44d;border:1px solid #cdd6f44d;transform:scale(1.2);box-shadow:0 4px 30px #0000001a}#discordlink:hover svg,#discordlink-mobile:hover svg{fill:#89b4fa}#discordlink svg{fill:#cdd6f4;vertical-align:middle;width:30px;height:30px;padding-right:5px}.coinlink{justify-content:center;align-items:center;margin-top:1%;display:flex}.coin{width:fit-content;transition:transform .5s ease-in-out}.coin img{border-radius:50%;max-width:30px;max-height:30px;margin-left:10px;margin-right:10px}.coin:hover{transform:rotateY(360deg)}.footer{color:#a6adc8;margin-top:clamp(4px,1vh,10px);font-size:clamp(8px,1.5vh,12px);font-weight:700}.footer a:hover{color:#89b4fa}#more-about{display:none}.extras-title{margin-bottom:10px;font-size:30px}.about-section{flex-direction:column;justify-content:space-between;align-items:center;display:flex}.section-content{flex-direction:column;flex:1;width:100%;height:100%;display:flex;overflow-y:auto}@keyframes move{to{transform:translateZ(1px)rotate(360deg)}}.window{-webkit-backdrop-filter:blur(1px);text-align:center;z-index:1000;background-color:#181926cc;border:3px solid #18192659;border-radius:20px;flex-direction:column;width:15%;min-width:350px;height:35%;min-height:450px;margin:0;padding:0;animation:.4s fadeIn;display:flex;position:fixed;overflow:hidden;box-shadow:0 4px 30px #0000001a}.window#music-window .window-content{overflow:hidden}.window-content{flex:1;width:100%;min-height:0;overflow:hidden auto}.window .titlebar-text{font-size:100%}#projects-window{top:5vh;left:5vw}#music-window{top:5vh;right:5vw}#games-window{bottom:5vh;left:5vw}#extras-window{bottom:5vh;right:5vw}.projects-list{text-align:left;border-radius:50px;padding:4%}.projects-list hr{margin:10px 0}.project-title{justify-content:left;margin-bottom:10px;font-weight:700}.project img{border:2px solid #cdd6f4;border-radius:30px;width:100%;height:auto;margin-bottom:10px;box-shadow:0 4px 30px #cdd6f4}.projects-list ul{flex-direction:column;gap:5px;font-size:14px;list-style:inside;display:flex}.title-bar{cursor:move;flex-direction:row;flex-shrink:0;align-items:center;width:100%;height:40px;display:flex}.titlebar-text{margin-left:10px;margin-right:auto}.close-button{cursor:pointer;z-index:1001;background:0 0;border:none;border-radius:50%;height:80%;margin-right:10px}.close-button :hover{content:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'%20standalone='no'?%3e%3c!--%20Created%20with%20Inkscape%20(http://www.inkscape.org/)%20--%3e%3csvg%20width='18.520834mm'%20height='18.520834mm'%20viewBox='0%200%2018.520834%2018.520834'%20version='1.1'%20id='svg1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:svg='http://www.w3.org/2000/svg'%3e%3cdefs%20id='defs1'%20/%3e%3cg%20id='layer1'%20transform='translate(-7.4604071,-5.5104158)'%3e%3cg%20id='pressed-center'%20style='display:inline'%20transform='translate(-36.19584,2.8645828)'%3e%3ccircle%20style='fill:%23f38ba8;fill-opacity:1;fill-rule:evenodd;stroke-width:0.264583'%20id='path23614'%20cx='52.916664'%20cy='11.90625'%20r='9.260417'%20/%3e%3ccircle%20style='opacity:0.3;fill:%23000000;fill-opacity:1;fill-rule:evenodd;stroke-width:0.264583'%20id='path22872'%20cx='52.916664'%20cy='11.90625'%20r='9.260417'%20/%3e%3crect%20style='fill:%231e1e2e;fill-opacity:1;fill-rule:evenodd;stroke-width:0.264584'%20id='rect2105'%20width='13.788338'%20height='2.7577782'%20x='38.756649'%20y='-30.422489'%20rx='1.3507247'%20ry='1.3507344'%20transform='matrix(0.706421,0.7077919,-0.71161892,0.70256566,0,0)'%20/%3e%3crect%20style='fill:%231e1e2e;fill-opacity:1;fill-rule:evenodd;stroke-width:0.264584'%20id='rect2107'%20width='13.788338'%20height='2.7577782'%20x='-35.599319'%20y='44.486599'%20rx='1.3507247'%20ry='1.3507344'%20transform='matrix(-0.706421,0.7077919,0.71161892,0.70256566,0,0)'%20/%3e%3c/g%3e%3c/g%3e%3c/svg%3e")}.title-bar .close-button img{height:100%}.title-separation{flex-shrink:0;justify-content:center;display:flex}.title-separation hr{width:100%}.window-content iframe{border-radius:0 0 20px 20px}.section-spotify iframe{border-radius:20px}#open-buttons button{cursor:pointer}@media (width>=769px) and (height<=850px){.box{padding:12px}.profile-photo{width:150px}#title{margin-top:8px;padding:8px 18px}#title h3{font-size:1.15rem}#subtitle,#subtitle2{margin:4px;font-size:.85rem}.main-text{margin-top:10px;padding:12px}.buttons{gap:.8rem;margin-top:10px}.buttons a{width:38px;height:38px}.buttons a svg{width:24px;height:24px}#discordlink{white-space:nowrap;width:auto;height:38px;padding:0 8px}#discordlink svg{width:24px;height:24px;padding-right:3px}#open-buttons{gap:.5rem}#open-buttons button{white-space:nowrap;width:auto;min-width:38px;height:38px;padding:0 7px;font-size:11px}.footer{margin-top:5px;font-size:9px}.coin img{max-width:22px;max-height:22px}}@media (width>=769px) and (height<=700px){.profile-photo{width:110px}.main-text{padding:8px}.main-text p{font-size:.75rem}.buttons{margin-top:6px}.footer{font-size:8px}}@media (width<=768px){#animBackground{filter:blur(20px)}.box{scroll-behavior:smooth;scroll-snap-type:y mandatory;-webkit-backdrop-filter:blur(.5px);backdrop-filter:blur(.5px);width:90vw;height:90vh;padding:0;display:block}section{scroll-snap-align:center;place-content:center;align-items:center;height:90vh;margin:0;padding:0;display:block}.footer{width:100%}}@media (width>=769px) and (height<=850px){.profile-photo{width:180px}#title{margin-top:2%}.main-text{margin-top:2%;padding:14px}}