body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{align-items:center;color:#fff;display:flex;flex-direction:column;font-family:Courier New,Courier,monospace;justify-content:center;min-height:100vh;overflow:hidden;position:relative;text-align:center}.background-image{background-image:url(/static/media/anime-background.0332a65fe7daef591bd1.gif);background-position:50%;background-size:cover;bottom:0;filter:blur(8px);left:0;opacity:1;position:absolute;right:0;top:0;z-index:-1}.portfolio{animation:fadeIn 1.5s forwards,fallDown 1.5s ease-in-out forwards;animation-delay:.5s;background-color:#000c;border-radius:15px;box-shadow:0 6px 20px #0006;color:#fff;margin-top:40px;max-width:800px;opacity:0;padding:30px;width:80%}@keyframes fallDown{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.avatar-container{animation:fallDown 1s ease-in-out forwards;animation-delay:1s;margin-bottom:15px;opacity:0}.avatar{border:3px solid #fff;border-radius:50%;box-shadow:0 6px 20px #0006;height:120px;object-fit:cover;width:120px}.username-container{animation:fallDown 1s ease-in-out forwards;animation-delay:1.2s;background:linear-gradient(135deg,#8e44ad,#3498db);border-radius:15px;box-shadow:0 6px 15px #0000004d;display:inline-block;margin-top:10px;opacity:0;padding:6px 14px}.username{color:#fff;font-size:1.3rem;font-weight:700;letter-spacing:1px;margin:0;text-shadow:2px 2px 5px #0000004d;text-transform:uppercase;transition:transform .3s ease,color .3s ease}.username:hover{color:#fff;transform:scale(1.03)}.social-links{animation:fallDown 1s ease-in-out forwards;animation-delay:1.5s;display:flex;gap:20px;justify-content:center;margin-top:20px;opacity:0}.social-link{align-items:center;background-color:#f39c12;border-radius:50%;box-shadow:0 4px 12px #0000004d;color:#fff;display:inline-block;display:flex;font-size:1.6rem;height:45px;justify-content:center;text-decoration:none;transition:background-color .3s ease,transform .3s ease,color .3s ease,box-shadow .3s ease;width:45px}.social-link:hover{background-color:#2980b9;box-shadow:0 6px 20px #00000080;transform:scale(1.1)}.social-link.telegram{background-color:#08c}.social-link.github,.social-link.gitlab{background-color:#333}.social-link.osu{background-color:#f6a}.osu-icon{height:30px;object-fit:contain;width:30px}.terminal{background:#2e2e2ed9;border:1px solid #4b4b4b;border-radius:15px;box-shadow:0 0 15px #00000080;color:#fff;flex-direction:column;font-family:Courier New,Courier,monospace;font-size:16px;height:400px;margin:30px auto;max-width:900px;overflow-y:auto;padding:20px;width:90%}.terminal,.terminal-header{display:flex;justify-content:flex-start}.terminal-header{gap:10px;margin-bottom:10px}.terminal-header div{border-radius:50%;cursor:pointer;height:12px;transition:all .3s ease;width:12px}.red{background-color:#ff5f56}.yellow{background-color:#ffbd2e}.green{background-color:#27c93f}.red:hover{background-color:#e44d4d}.yellow:hover{background-color:#ffbf47}.green:hover{background-color:#25b832}pre{word-wrap:break-word;display:block;font-size:1.1rem;line-height:1.5;margin:0;overflow-wrap:break-word;padding:0;white-space:pre-wrap;width:100%}.typing{animation:blink-caret .8s step-end infinite;display:inline-block}@keyframes blink-caret{0%,to{border-right:2px solid #0000}50%{border-right:2px solid #fff}}.music-notification-container{display:flex;flex-direction:column-reverse;gap:10px;position:fixed;right:20px;top:20px;z-index:9999}.music-notification{animation:slideInOut 4s ease-in-out forwards;background-color:#000c;border-radius:10px;box-shadow:0 4px 10px #00000080;color:#fff;font-size:16px;font-weight:700;padding:10px 20px}@keyframes slideInOut{0%{opacity:0;right:-250px}20%{opacity:1;right:20px}80%{opacity:1;right:20px}to{opacity:0;right:-250px}}.confirmation-modal{align-items:center;animation:fadeIn .3s ease-in-out forwards;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{animation:zoomIn .3s ease-out forwards;background:#333;border-radius:10px;box-shadow:0 4px 10px #00000080;color:#fff;padding:30px;text-align:center;width:300px}@keyframes zoomIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.modal-actions{margin-top:20px}.modal-actions button{background-color:#3498db;border:none;border-radius:5px;color:#fff;cursor:pointer;margin:5px;overflow:hidden;padding:10px 20px;position:relative;transition:background-color .3s ease,transform .3s ease}.modal-actions button:hover{background-color:#2980b9;box-shadow:0 6px 20px #00000080;transform:scale(1.1)}.modal-actions button:focus{outline:none}.modal-actions button:active{transform:translateY(2px)}.modal-actions .confirm{animation:none;background-color:#27c93f;box-shadow:0 4px 12px #0000004d}.modal-actions .confirm:hover{background-color:#25b832}.modal-actions .confirm:active{transform:translateY(1px)}.modal-actions .cancel{background-color:#e74c3c}.modal-actions .cancel:hover{background-color:#c0392b}
/*# sourceMappingURL=main.c889269b.css.map*/