@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@500&display=swap";@import "https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;600;900&display=swap";@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@500&display=swap";.lowerButtonContainer{flex-direction:row;display:flex}.bubbleButton{cursor:pointer;background:0 0;border:none;width:90px;height:90px;padding:0}.buttonImage{object-fit:contain;width:100%;height:100%}.win7{-webkit-backdrop-filter:blur(8px)saturate(1.4);background:linear-gradient(#b4d7ff33 0%,#a0c8fa33 40%,#8cb9f540 75%,#78aaf033 100%);border:1px solid #ffffff8c;border-radius:8px 8px 4px 4px;flex-direction:column;width:100px;height:fit-content;min-height:0;padding:0 4px 4px;display:flex;position:relative;overflow:hidden;box-shadow:0 0 0 1px #1941828c,0 12px 45px #000f3c8c,0 4px 12px #0006,inset 0 1px #fffffff2,inset 1px 0 #ffffff8c,inset -1px 0 #ffffff8c}.win7:before{content:"";pointer-events:none;z-index:0;background:linear-gradient(#fff0 0%,#fff9 32%,#ffffff0d 33%,#fff3 100%);border-radius:8px 8px 0 0;height:100%;position:absolute;top:0;left:0;right:0}.win7:after{content:"";pointer-events:none;z-index:1;background:radial-gradient(50px 50px at 0 0,#ffffff80 0%,#0000 100%),radial-gradient(50px 50px at 100% 0,#ffffff80 0%,#0000 100%);height:36px;position:absolute;top:0;left:0;right:0}.win7-titlebar{cursor:default;-webkit-user-select:none;user-select:none;z-index:2;background-color:#0000;flex-shrink:0;align-items:center;gap:6px;height:32px;margin-left:-4px;margin-right:-4px;padding:0 0 0 8px;display:flex;position:relative}.win7-titlebar:before{content:"";pointer-events:none;background:#ffffffeb;height:1px;position:absolute;top:0;left:0;right:0}.win7-icon{object-fit:contain;filter:drop-shadow(0 1px 2px #000000b3);flex-shrink:0;width:20px;height:20px}.win7-title{color:#fff;text-shadow:0 1px #001e64e6,0 2px 6px #001450cc,1px 1px 3px #0009;letter-spacing:.01em;white-space:nowrap;text-overflow:ellipsis;flex:1;font-family:Segoe UI,Tahoma,Geneva,sans-serif;font-size:14px;font-weight:400;overflow:hidden}.win7-buttons{flex-shrink:0;align-self:flex-start;gap:1px;margin-left:auto;padding-top:0;padding-right:6px;display:flex}.win7-min{cursor:pointer;background:linear-gradient(#dcebff9e 0%,#b9d2fc80 45%,#78787866 55%,#a8c6f68a 100%);border:1px solid #0f0f0fbf;border-top:none;border-radius:0 0 0 6px;justify-content:center;align-items:center;width:42px;height:24px;transition:filter 80ms linear;display:flex;box-shadow:0 0 0 1px #ffffffbf}.win7-max{cursor:pointer;background:linear-gradient(#dcebff9e 0%,#b9d2fc80 45%,#78787866 55%,#a8c6f68a 100%);border:1px solid #0f0f0fbf;border-top:none;border-radius:0;justify-content:center;align-items:center;width:42px;height:24px;transition:filter 80ms linear;display:flex;box-shadow:0 0 0 1px #ffffffbf}.win7-min:hover,.win7-max:hover{filter:brightness(1.18)}.win7-min:active,.win7-max:active{filter:brightness(.88)}.win7-min:after{content:"";background:#fff;width:12px;height:3px;margin-top:6px;display:block;box-shadow:0 0 #000,0 0 3px #000}.win7-max:after{content:"";border:2px solid #fff;width:10px;height:8px;display:block;box-shadow:0 0 #000,0 0 3px #000}.win7-close{cursor:pointer;background:linear-gradient(#e89696 0%,#d79696 45%,#c81400 55%,#e17d86 100%);border:1px solid #783c28cc;border-top:none;border-bottom-color:#78321ed9;border-radius:0 0 6px;justify-content:center;align-items:center;width:62px;height:24px;transition:filter 80ms linear;display:flex;box-shadow:0 0 0 1px #ffffffbf}.win7-close:hover{filter:brightness(1.15)}.win7-close:active{filter:brightness(.88)}.win7-close:after{content:"✕";color:#fff;text-shadow:0 0 1px #000,0 0 3px #000;font-family:Segoe UI,Arial,sans-serif;font-size:13px;font-weight:900;line-height:1}.win7.inactive .win7-min,.win7.inactive .win7-max,.win7.inactive .win7-close{opacity:.6;filter:saturate(.2)}.win7-content{z-index:2;background:#ffffffbf;border:1px solid #648cc840;border-radius:0 0 2px 2px;flex:none;padding:16px;position:relative;overflow:auto}.mainWrapper{flex-direction:row;justify-content:center;align-items:center;gap:10px;height:450px;display:flex}.leftWrapper{flex-direction:column;justify-content:center;gap:10px;height:450px;display:flex}.profileTopBar{width:450px;height:180px}.profileContent{background:url(/assets/ESASNAP-oh7R_hph.jpg) 50%/cover;justify-content:flex-start;align-items:center;display:flex}.profileImage{width:auto;height:auto;max-height:110px}.textDiv{flex-direction:column;gap:6px;display:flex}.name{color:#fff;white-space:nowrap;text-shadow:0 0 8px #000;margin:0;font-size:40px;font-weight:700}.subtext{color:#fff;text-shadow:0 0 6px #000;margin:0;padding-left:3px;font-size:16px;font-weight:700}.infoTopBar{width:450px;height:215px}.infoContent{background:linear-gradient(#001923,#002319)}.contentWrapper{flex-direction:row;gap:10px;display:flex}.editorLines{color:#4a6a7a;text-align:right;-webkit-user-select:none;user-select:none;border-right:1px solid #1e3a4a;align-items:center;padding-right:8px;font-family:JetBrains Mono,monospace;font-size:15px;display:flex}.paragraph{color:#dcdcc8;text-align:left;font-family:JetBrains Mono,monospace;font-size:15px;font-weight:500}.highlight{color:#05ff9b}.sidePanelTopBar{width:620px;height:410px}.sidePanelContent{background-color:#000}.formattedText{color:#c8c8f0;text-align:left;letter-spacing:0;white-space:pre;font-family:JetBrains Mono,Courier New,Courier,monospace;font-size:10px;font-weight:500;line-height:1}.line{color:#c8c8f0;font-family:JetBrains Mono,Courier New,Courier,monospace;font-size:10px;font-weight:500}.formattedParagraph{color:#c8c8f0;font-family:JetBrains Mono,Courier New,Courier,monospace;font-size:13px;font-weight:500}.projectsDiv{flex-direction:row;justify-content:center;align-items:flex-start;gap:50px;height:500px;display:flex}.projectsTabDiv{width:700px;height:450px}.projectsSideDiv{justify-content:center;align-items:flex-end;width:300px;height:500px;display:flex;bottom:40px}.projectsiMacDiv{width:350px;height:300px}.phonixMain{z-index:3;background:linear-gradient(#0d0021,#1c0045);flex-direction:column;height:495px;display:flex}.phonixHeader{flex-direction:horizontal;background:#0000004d;gap:8px;height:45px;padding:10px 10px 10px 15px;display:flex}.phonixHeaderTitleFont{color:#ff8200;margin:0;font-family:Montserrat,sans-serif;font-size:30px;font-weight:900}.phonixHeaderSubtextFont{color:#fff;font-family:Montserrat,sans-serif;font-size:15px;font-weight:600}.phonixContent{flex-direction:row;flex:1;justify-content:center;gap:30px;display:flex}.phonixDisplay{width:300px;height:300px}.phonixDescription{width:250px;height:250px;padding:15px}.phonixDescriptionTitle{color:#dcdcdc;font-family:Montserrat,sans-serif;font-size:20px;font-weight:900}.phonixDescriptionText{color:#c8c8c8;text-align:justify;text-align-last:left;font-family:Montserrat,sans-serif;font-size:15px;font-weight:400}.phonixFooter{flex-direction:horizontal;background:#0000004d;height:45px;padding-left:15px;display:flex}.phonixStackText{font-family:JetBrains Mono,Courier New,Courier,monospace;font-size:13px;font-weight:500}.pagesDiv{justify-content:center;align-items:flex-start;width:100%;display:flex;position:fixed;top:60px}.dockerDiv{justify-content:center;align-items:flex-end;width:100%;display:flex;position:fixed;bottom:100px}body{background-image:url(/Background.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;gap:20px;height:90vh;min-height:100vh;margin:0;font-family:Arial,Helvetica,sans-serif}
