@import"https://fonts.googleapis.com/css2?family=VT323&display=swap";.music-button-container{position:fixed;top:-48vh;left:-48vw;z-index:50;opacity:.4;display:flex;gap:10px}.music-button{background-color:#ffffff86;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:5px;border-radius:50%;border:none;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:transform .2s ease-in-out;position:relative}.music-button:hover{transform:scale(1.1)}.music-button:focus{outline:none}.music-button.playing{animation:pulse 3s infinite ease-out}@keyframes pulse{0%{transform:scale(1);opacity:.7}50%{transform:scale(1.3);opacity:.3}to{transform:scale(1);opacity:.7}}.music-icon{transition:color .7s ease-in-out}.music-button.clicked{animation:langPulse .4s ease}@keyframes langPulse{0%{transform:scale(1) rotate(0)}50%{transform:scale(1.3) rotate(15deg)}to{transform:scale(1) rotate(0)}}.modal-window{position:relative;opacity:0;transform:scale(.8);pointer-events:none;transition:all .3s ease-in-out;transform-origin:center;background:#ffffffda;padding:24px;border-radius:12px;box-shadow:0 0 20px #00000080;font-family:VT323,Courier New,Courier,monospace;font-size:18px;width:40vw;height:40vh;max-width:450px;max-height:400px;overflow-y:auto}.modal-window.open{opacity:1;transform:scale(1);pointer-events:all}.modal-window.closed{opacity:0;transform:scale(.8);pointer-events:none}.modal-close-button{position:sticky;top:0;float:right;margin-top:-16px;margin-right:-8px;font-family:VT323,Courier New,Courier,monospace;font-size:24px;background-color:transparent;border:none;color:#ff3b3b;cursor:pointer;transition:transform .2s ease;z-index:10}.modal-close-button:hover{transform:scale(1.2);color:red}.modal-window button:not(.modal-close-button){margin-top:20px;padding:10px 20px;font-size:16px;border:none;background-color:#007bffbd;color:#fff;border-radius:6px;cursor:pointer}.modal-window::-webkit-scrollbar{width:10px}.modal-window::-webkit-scrollbar-thumb{background-color:#0003;border-radius:10px}.modal-title{text-align:center;font-size:28px;margin-bottom:12px}.experience-entry{margin-top:16px}.experience-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:4px}.experience-header h2{font-size:20px;margin:0}.experience-institution{font-size:16px;color:#444;font-style:italic;margin-top:-2px;display:block}.experience-date{font-size:17px;color:#555;font-style:italic}.experience-text{font-size:20px;line-height:1.5}#root{width:100vw;height:100vh}body{margin:0}