@font-face{font-family:Figtree;src:url(/static/media/figtree.cb14938e92ef0b1bf90d.ttf)}*{color:#fff;font-family:Figtree}body{background:linear-gradient(135deg,#2e274e,#141027);background-attachment:fixed;background-repeat:no-repeat}h1{margin-top:6px}.card{background-color:#251d4940;border:1px solid rgba(57,46,105,.445);border-radius:24px;box-shadow:0 10px 20px #0000004d;height:45vh;left:50%;max-height:425px;max-width:650px;overflow:scroll;padding:24px;position:fixed;text-align:center;top:50%;transform:translate(-50%,-50%);width:55vw}.languageList{text-align:left}.language{background:#11083a40;border:1px solid rgba(57,46,105,.445);border-radius:12px;box-shadow:0 6px 20px #0000004d;margin-top:12px;padding:6px}.language h3,.language h5{margin:6px 0}.card::-webkit-scrollbar{display:none}.contactContainer{border:1px solid rgba(57,46,105,.445);border-radius:12px;margin:auto;padding:8px;width:-webkit-fit-content;width:fit-content}.fade-enter{opacity:0;transform:scale(.98)}.fade-enter-active{transition:all .4s ease-in-out}.fade-enter-active,.fade-exit{opacity:1;transform:scale(1)}.fade-exit-active{opacity:0;transform:scale(.98);transition:all .4s ease-in-out}.project{border-bottom:2px solid #0b042540;border-radius:12px;margin-bottom:6px;padding:12px}.projectVisit{background:#ffffff1a;border:1px solid #fff;border-radius:6px;cursor:pointer;height:30px;width:70px}.projectDesc{color:#f0f0f0;font-size:.9rem;font-weight:500}.projectContainer{overflow:hidden}.navbar{background:rgba(87,76,139,.445);border:2px solid rgba(87,76,139,.445);border-radius:30px;display:flex;height:50px;justify-content:center;margin:auto;position:relative;transition:width .4s cubic-bezier(.175,.885,.32,1.275);width:410px;z-index:10}.navbar:hover{width:440px}.navbar ul{list-style-type:none;margin:auto;padding:5px;text-align:center}.navbar ul li{display:inline;font-size:1rem;padding:0 10px}.navbar ul li a{text-decoration:none}.navbar ul li .active{background:rgba(87,76,139,.445);border-radius:10px;font-size:1.25rem;padding:4px 10px}.blogCarousel{gap:16px;height:calc(100% - 80px)}.blogArrow,.blogCarousel{align-items:center;display:flex;justify-content:center}.blogArrow{background:#574c8b4d;border:1px solid rgba(87,76,139,.445);border-radius:20%;cursor:pointer;flex-shrink:0;height:40px;transition:background .2s ease,transform .2s ease;width:40px}.blogArrow:hover{background:#574c8b99;transform:scale(1.1)}.blogArrow:disabled{cursor:default;opacity:.25;transform:none}.blogArrow:disabled:hover{background:#574c8b4d}.blogPreview{border-radius:12px;cursor:pointer;max-width:400px;padding:16px;text-align:center;transition:background .2s ease}.blogPreview:hover{background:#574c8b26}.blogPreview h2{font-size:1.4rem;margin:0 0 8px}.blogPreview p{color:#c0b8e0;font-size:.9rem;margin:0 0 12px}.blogDate{color:#8a7fb8;font-size:.8rem}.blogEmpty{padding:40px 0}.blogCounter,.blogEmpty{color:#8a7fb8;text-align:center}.blogCounter{font-size:.75rem;margin-top:8px}.blogPostWrapper{align-items:center;display:flex;flex-direction:column;height:100%;left:0;overflow-y:auto;padding:80px 24px 0;position:fixed;top:0;width:100%}.blogPostWrapper::-webkit-scrollbar{display:none}.blogPostCard{background-color:#251d4940;border:1px solid rgba(57,46,105,.445);border-radius:24px;box-shadow:0 10px 20px #0000004d;margin-bottom:40px;max-width:860px;padding:40px 48px;width:100%}.blogPostBack{align-items:center;background:#574c8b4d;border:1px solid rgba(87,76,139,.445);border-radius:8px;cursor:pointer;display:inline-flex;font-size:.85rem;gap:6px;margin-bottom:16px;padding:6px 14px;transition:background .2s ease}.blogPostBack:hover{background:#574c8b99}.blogPostHeader h1{font-size:2rem;margin:0 0 8px}.blogPostHeader .blogDate{color:#8a7fb8;display:block;font-size:.85rem;margin-bottom:24px}.blogPostContent{line-height:1.7;text-align:left}.blogPostContent h2{border-bottom:1px solid rgba(57,46,105,.445);font-size:1.4rem;margin:32px 0 12px;padding-bottom:8px}.blogPostContent h3{font-size:1.15rem;margin:24px 0 8px}.blogPostContent p{color:#e0daf0;margin:0 0 16px}.blogPostContent ol,.blogPostContent ul{margin:0 0 16px;padding-left:24px}.blogPostContent li{color:#e0daf0;margin-bottom:6px}.blogPostContent a{color:#a89edb;text-decoration:underline}.blogPostContent a:hover{color:#c8bff0}.blogPostContent blockquote{background:#11083a40;border-left:3px solid #574c8b99;border-radius:0 8px 8px 0;margin:0 0 16px;padding:8px 16px}.blogPostContent blockquote p{color:#c0b8e0;margin:0}.blogPostContent code{background:#11083a66;border-radius:4px;font-family:Consolas,Monaco,monospace;font-size:.85em;padding:2px 6px}.blogPostContent pre{border-radius:12px;margin:0 0 16px;overflow:hidden}.blogPostContent pre code{background:none;border-radius:0;padding:0}.blogPostFigure{display:block;margin:0 0 16px;text-align:center}.blogPostFigure img{border:1px solid rgba(57,46,105,.445);border-radius:12px;height:337px;max-width:600px;object-fit:cover;width:100%}.blogPostCaption{color:#8a7fb8;display:block;font-size:.8rem;margin-top:6px}.spotifyWidget{align-items:center;background-color:#251d4940;border:1px solid rgba(57,46,105,.445);border-radius:16px;box-shadow:0 10px 20px #0000004d;display:flex;gap:12px;left:50%;max-width:650px;padding:10px 14px;position:fixed;text-decoration:none;top:calc(50% + 250px);transform:translateX(-50%);transition:background .2s ease;width:55vw}.spotifyWidget:hover{background-color:#392e6959}.spotifyArt{border-radius:10px;flex-shrink:0;height:68px;width:68px}.spotifyInfo{display:flex;flex:1 1;flex-direction:column;min-width:0;text-align:left}.spotifyStatus{align-items:center;color:#8a7fb8;display:flex;font-size:.7rem;gap:6px;margin-bottom:2px}.spotifyTitle{font-size:.95rem;font-weight:600}.spotifyArtist,.spotifyTitle{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spotifyArtist{color:#b0a8d0;font-size:.8rem}.spotifyBar{align-items:center;display:flex;gap:8px;margin-top:8px}.spotifyTime{font-feature-settings:"tnum";color:#8a7fb8;flex-shrink:0;font-size:.65rem;font-variant-numeric:tabular-nums}.spotifyTrack{background:#b0a8d033;border-radius:3px;flex:1 1;height:5px;overflow:hidden}.spotifyFill{background:linear-gradient(90deg,#8a7fb8,#c8bff0);border-radius:3px;height:100%;transition:width 1s linear}
/*# sourceMappingURL=main.a4015101.css.map*/