:root{--bg-color:#0c0927;--container-bg-color:#ffffff1a;--inner-bg-color:#2a2f45;--accent-color:#e0e0e0;--primary-color:#c77dff;--secondary-color:#89cff0;--font-family:"Space Grotesk",-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei","Helvetica Neue","Helvetica","Arial",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";--border-glow:#8c9bfe80}body{background-color:#0c0927;background-color:var(--bg-color);color:#e0e0e0;color:var(--accent-color);font-family:Space Grotesk,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-family:var(--font-family);margin:0;padding:0}.container{align-items:center;background-image:linear-gradient(246deg,#da2eef 7.97%,#2b6aff 49.17%,#39d0d8 92.1%);border-radius:21.2px;box-shadow:0 0 8px #8c9bfe1a,0 0 16px #8c9bfe1a,0 0 24px #8c9bfe1a,0 0 32px #8c9bfe1a;display:flex;justify-content:center;margin:50px auto;padding:1.2px;position:relative;width:min(456px,100%)}.container:after{background-color:#e300ff;box-shadow:0 0 140px 50px #e300ffaa;right:15px}.container:after,.container:before{border-radius:50%;bottom:15px;content:"";mix-blend-mode:hard-light;opacity:.2;pointer-events:none;position:absolute;top:15px;width:60%;z-index:-1}.container:before{background-color:#39d0d8;box-shadow:0 0 140px 50px #39d0d8aa;left:15px}.inner-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-image:linear-gradient(140.14deg,#00b6bf26,#1b16591a 86.61%),linear-gradient(321.82deg,#18134d,#1b1659);border-radius:21.2px;height:100%;padding:32px;width:100%}.phototransition-container{align-items:center;display:flex;height:100%;justify-content:center}.tech-block{background:#ffffff1a;background:var(--container-bg-color);border-radius:10px;display:inline-block;margin:10px;padding:10px;transition:transform .3s ease}.tech-block:hover{background:#c77dff;background:var(--primary-color);color:#0c0927;color:var(--bg-color);transform:translateY(-5px)}.project-block{background:#ffffff1a;border-radius:10px;cursor:pointer;display:inline-block;margin:10px;padding:10px;transition:transform .3s ease}.project-block:hover{background:#89cff0;background:var(--secondary-color);color:#0c0927;color:var(--bg-color);transform:translateY(-5px)}.footer{padding:20px;text-align:center}.footer a{color:#c77dff;color:var(--primary-color);margin:0 10px;text-decoration:none;transition:color .3s ease}.footer a:hover{color:#89cff0;color:var(--secondary-color)}.button{align-items:center;-webkit-appearance:none;appearance:none;background-color:#22d3ee;border-radius:12px;color:#1e293b;display:inline-flex;font-size:1rem;font-weight:1000;gap:8px;justify-content:center;margin-top:20px;padding:10px 16px;transition:filter .3s;-webkit-user-select:none;user-select:none;white-space:nowrap;width:100%}.button:hover{filter:brightness(1.1)}.button.frosted-glass-teal{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#20caaccc;border:1px solid #ffffff40}.footer{height:60px;justify-content:center;padding:10px}.footer,.logos-container{align-items:center;display:flex}.logos-container{justify-content:space-around;margin-top:20px}.logo{height:100px;width:auto}.logo:hover{cursor:pointer}.logo-ntnu{background-color:#fff;border:5px solid #fff;border-radius:10px}.logo-enlink{background-color:#fff;border:1px solid #fff;border-radius:10px}@media (min-width:300px) and (max-width:400px){.container{margin:20px 10px 50px;width:calc(100% - 20px)}.inner-container{padding:20px;width:100%}}@media (min-width:400px) and (max-width:500px){.container{margin:20px 10px 50px;width:calc(100% - 20px)}}.project-card-container{align-items:center;display:block;justify-content:space-between}.project-tech-block{display:flex;flex-wrap:wrap;gap:10px;height:50px;justify-content:space-evenly;padding-bottom:40px;width:100%}.button-frost{--bg-board-color:#3bd0d833;--bg-board-color-2:#3bd0d800;align-items:center;-webkit-appearance:none;appearance:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(162deg,var(--bg-board-color) 28.7%,var(--bg-board-color));background:linear-gradient(162deg,var(--bg-board-color) 28.7%,var(--bg-board-color-2,var(--bg-board-color)));border:1px solid #58f3cc88;border-radius:.5rem;color:#3bd0d8;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:500;gap:.5rem;justify-content:center;margin-top:1.25rem;padding:.625rem 1rem;-webkit-user-select:none;user-select:none;white-space:nowrap;width:100%}.button-frost:hover{filter:brightness(1.1)}@media (max-width:640px){.button-frost{border-radius:.5rem}}@keyframes pulseEffect{0%,20%{opacity:0}21%{opacity:0}40%,80%{opacity:.6}to{opacity:0}}@keyframes pulseEffectDefault{0%,20%{opacity:1}21%{opacity:1}40%,80%{opacity:.5}to{opacity:1}}.photo-transition-container{border:1px solid #00d9ff;border-radius:50%;height:100%;overflow:hidden;position:relative;width:100%}.photo-transition-container img{height:100%;left:0;object-fit:cover;position:absolute;top:0;transition:opacity 2s ease;width:100%}.image-default{animation:pulseEffectDefault 7s infinite;opacity:1}.image-hover{animation:pulseEffect 7s infinite;opacity:0}.photo-transition-container:hover .image-hover{animation:none;opacity:.6}.photo-transition-container:hover .image-default{animation:none;opacity:.5}.project-card-container{margin-bottom:20px}.project-card{background-position:50%;background-size:cover;border:1px solid #00d9ff;border-radius:15px;height:100px;min-width:200px;overflow:hidden;position:relative;transition:all .3s ease}.project-card .overlay{align-items:center;background:linear-gradient(0deg,#22c3ae 1%,#2d35fd);bottom:0;display:flex;justify-content:center;left:0;opacity:20%;position:absolute;right:0;top:0;transition:all .3s ease}.project-card:hover .overlay{cursor:pointer;opacity:1}.project-card h3{color:#fff;letter-spacing:1px;text-transform:uppercase;transition:all .3s ease}.project-card:hover h3{transform:scale(1.1)}.top-header{background-color:#131a35;justify-content:center;padding:0 0 20px;width:100%}.icons-container,.top-header{align-items:center;display:flex}.icons-container{justify-content:space-between;width:min(300px,100%)}.icon-placeholder:hover{cursor:pointer}
/*# sourceMappingURL=main.70e5ebd4.css.map*/