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}body,html{scroll-behavior:smooth}.webbody{background-color:#282828;color:#fff;min-height:100vh}.background-image{height:100vh;width:100vw}.background-image .homepage{align-items:center;background-color:#151515;color:#fff;display:flex;flex-direction:column;height:100vh;justify-content:center;position:absolute;top:0;width:100vw;z-index:100}.background-image .homepage .links{display:flex;gap:5rem}.background-image .homepage a{color:#fff;font-size:33px;text-decoration:none}.background-image .homepage a:hover{color:blue}.line{background-color:purple;height:2px;width:300px}.link-box{color:#fff;justify-content:center;text-decoration:none}.link-box,main{align-items:center;display:flex;flex-direction:column}main{min-height:80vh}main section{margin:3rem;max-width:1200px}main .section-projects{max-width:1280px}main .img-icons{height:30px;margin:.5rem;object-fit:contain;width:30px}main .icons{display:flex;justify-content:center;padding:1rem}main .icons svg{background-size:cover;display:inline-block;height:50px;transition:fill .2s ease-in-out;width:50px}main .icons a:hover svg{fill:purple}main .p-text p{font-size:22px;margin:20px}main .section-header{align-items:center;display:flex}main svg{font-size:18px;padding:.5rem}main .load-content{position:absolute;top:50}main .about-me-p{align-items:center;display:flex;font-size:18px;margin:1%;padding:0}main .profile-img{border-radius:50%;float:left;height:200px;padding:1rem;width:200px}main h2{font-size:40px}main #aboutme{margin-top:3rem}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.big-img-enlarged{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:fadeIn;animation-name:fadeIn;border:5px solid rgba(181,200,221,.574);width:80vw}.small-text{font-size:10px;margin:0;opacity:.5}.image-gallery,.small-text{display:flex;justify-content:center}.image-gallery{align-items:center;flex-direction:column}.image-gallery .big-img{height:550px;object-fit:cover;width:100%}.image-gallery .selected{opacity:1!important}.image-gallery .small-img{object-fit:cover;opacity:.4}.image-gallery .small-img:hover{opacity:.8}.image-gallery .selectable-img{display:flex;gap:1rem;justify-content:center;margin:1rem}.image-gallery .selectable-img img{height:100px;width:100px}.onepost-section{margin-top:10rem;max-width:800px}.onepost-section a{color:#a2a2ff!important}.header-post-3d{display:flex;height:200px;justify-content:center;position:relative}.header-post-3d:after{-webkit-backdrop-filter:blur(2px) saturate(100%);backdrop-filter:blur(2px) saturate(100%);content:"";height:100%;left:0;opacity:.9;position:absolute;top:0;width:100%;z-index:1}.header-post-3d img{object-fit:cover;position:relative;width:100%}.svg-wave{fill:#232323;padding:0;position:absolute;top:3.5rem;width:100%;z-index:0}.svg-wave-bot{fill:#232323;width:100%;z-index:0s}.dark-color{background-color:#232323;height:10px}.bottom-svg-contaimner{display:flex}@media(max-width:1300px){.projects{display:flex!important;flex-wrap:wrap;justify-content:center}}.projects{display:grid;grid-template-columns:repeat(3,1fr)}.projects .product-box{background-color:#494949;border-radius:10px;border-top-left-radius:15px;border-top-right-radius:15px;box-shadow:0 0 20px rgba(66,66,66,.759);margin:1rem 1rem 3rem;transition:all .4s cubic-bezier(.645,.045,.355,1);width:400px}.projects .product-box:hover{background-color:#999;box-shadow:0 0 20px rgba(128,0,128,.435);-webkit-transform:scale(1.05);transform:scale(1.05);transition:all .4s cubic-bezier(.645,.045,.355,1)}.projects .skill-cards{display:flex;justify-content:flex-start}.projects .skill-card{align-items:center;background-color:purple;border-radius:10px;display:flex;justify-content:center;margin:.3rem}.projects .skill-card p{margin:.3rem;padding:4%}.projects .project-img{border-top-left-radius:10px;border-top-right-radius:10px;height:300px;object-fit:cover;width:100%}.projects h3{font-size:20px;text-align:center}.projects h3,.projects h4{padding:0}.projects h3,.projects h4,.projects p{display:flex;justify-content:center;margin:.2rem}.projects p{font-size:12px}.product-text{margin-top:1rem}.post-link,.product-text{align-items:center;display:flex;flex-direction:column}.post-link{gap:1rem;justify-content:center}.post-link a{color:#fff}.skill-section{display:flex;flex-direction:row;margin:auto}.project-img-smaller{border-radius:10px;height:523px;object-fit:cover;width:100%}.aboutme-text{background-color:#494949;border-radius:10px;display:flex;margin:1rem;transition:all .3s cubic-bezier(.645,.045,.355,1);width:100%;z-index:5}.aboutme-text a{color:#fff;text-decoration:none}.aboutme-text a,.aboutme-text a:hover{transition:all .2s cubic-bezier(.645,.045,.355,1)}.aboutme-text a:hover{color:purple}.aboutme-text svg{font-size:25px}.aboutme-text .aboutme-text-left{padding:.5rem;width:50%}.aboutme-text .aboutme-text-right{border-bottom-right-radius:10px;border-top-right-radius:10px;padding:.5rem;width:50%}.aboutme-text .skills-grid{grid-gap:20px;display:grid;grid-template-columns:repeat(auto-fill,minmax(35px,1fr))}.aboutme-text .skills-grid .icon{height:auto;max-width:100%;transition:all .2s cubic-bezier(.645,.045,.355,1)}.aboutme-text .skills-grid .icon-container{display:inline-block;position:relative}.aboutme-text .skills-grid .hidden-skill-text{background-color:rgba(0,0,0,.8);border-radius:10px;color:#fff;display:none;left:50%;opacity:0;padding:10px;position:absolute;top:-50px;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:-webkit-max-content;width:max-content;z-index:10}.aboutme-text .skills-grid .icon-container:hover .hidden-skill-text{display:block;opacity:1;top:-65px}.aboutme-text .skills-grid .icon:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}.ferdigheter{background-color:#494949;border-radius:10px;margin:1rem;padding:1rem;width:550px}.toggle-switch{cursor:pointer;display:inline-block;height:30px;margin-right:1rem;position:relative;width:20px}.toggle-switch-slider{align-items:center;background-color:#fff;border-radius:10px;display:flex;height:100%;justify-content:space-between;padding:0 5px;position:absolute;transition:all .3s;width:100%}.toggle-switch-slider svg{fill:#ffa200}.toggle-switch-slider.dark-mode{background-color:#333;justify-content:flex-end}.toggle-switch-slider.dark-mode svg{fill:purple}.toggle-switch-slider.dark-mode:before{-webkit-transform:translateX(100%);transform:translateX(100%)}.light-mode{background-color:#eee;color:#000}.light-mode .icons svg{fill:#000}.light-mode .icons svg:hover{fill:#ff5e00}.light-mode .webbody{background-color:#eee;color:#000}.light-mode .svg-wave{fill:#d0d0d0}.light-mode nav,.light-mode nav svg{color:#000}.light-mode nav a:hover{color:#ff5e00}.light-mode .nav-desktop a,.light-mode a{color:#000}.light-mode nav{background-color:#d0d0d0}.light-mode .aboutme-text{background-color:#d0d0d0;color:#000}.light-mode .aboutme-text a:hover{color:#ff5e00}.light-mode .line{background-color:#d0d0d0}.light-mode .product-box{background-color:#eee}.light-mode .skill-card{background-color:#d0d0d0}.light-mode .product-box:hover{background-color:#ebebeb;color:#000}.light-mode .svg-wave-bot{fill:#d0d0d0}.light-mode footer{background-color:#d0d0d0;color:#000}.spin-wrapper{align-items:center;display:flex;flex-direction:row;justify-content:center;width:100%}.spin-wrapper .uil-spin-css{background:none;height:256px;margin:-96px -96px -88px;padding:24px;-webkit-transform:scale(.25);transform:scale(.25);width:256px}.spin-wrapper .uil-spin-css>div{height:24px;margin-left:34px;margin-top:32px;position:absolute;width:24px}.spin-wrapper .uil-spin-css>div>div{background:#3aaa35;border-radius:15px;height:100%;width:100%}.spin-wrapper .uil-spin-css>div:first-of-type{-webkit-transform:translate(84px,84px) rotate(45deg) translate(70px);transform:translate(84px,84px) rotate(45deg) translate(70px)}.spin-wrapper .uil-spin-css>div:first-of-type>div{-webkit-animation:uil-spin-css 1s linear infinite;animation:uil-spin-css 1s linear infinite;-webkit-animation-delay:0s;animation-delay:0s}.spin-wrapper .uil-spin-css>div:nth-of-type(2){-webkit-transform:translate(84px,84px) rotate(90deg) translate(70px);transform:translate(84px,84px) rotate(90deg) translate(70px)}.spin-wrapper .uil-spin-css>div:nth-of-type(2)>div{-webkit-animation:uil-spin-css 1s linear infinite;animation:uil-spin-css 1s linear infinite;-webkit-animation-delay:.12s;animation-delay:.12s}.spin-wrapper .uil-spin-css>div:nth-of-type(3){-webkit-transform:translate(84px,84px) rotate(135deg) translate(70px);transform:translate(84px,84px) rotate(135deg) translate(70px)}.spin-wrapper .uil-spin-css>div:nth-of-type(3)>div{-webkit-animation:uil-spin-css 1s linear infinite;animation:uil-spin-css 1s linear infinite;-webkit-animation-delay:.25s;animation-delay:.25s}.spin-wrapper .uil-spin-css>div:nth-of-type(4){-webkit-transform:translate(84px,84px) rotate(180deg) translate(70px);transform:translate(84px,84px) rotate(180deg) translate(70px)}.spin-wrapper .uil-spin-css>div:nth-of-type(4)>div{-webkit-animation:uil-spin-css 1s linear infinite;animation:uil-spin-css 1s linear infinite;-webkit-animation-delay:.37s;animation-delay:.37s}.spin-wrapper .uil-spin-css>div:nth-of-type(5){-webkit-transform:translate(84px,84px) rotate(225deg) translate(70px);transform:translate(84px,84px) rotate(225deg) translate(70px)}.spin-wrapper .uil-spin-css>div:nth-of-type(5)>div{-webkit-animation:uil-spin-css 1s linear infinite;animation:uil-spin-css 1s linear infinite;-webkit-animation-delay:.5s;animation-delay:.5s}.spin-wrapper .uil-spin-css>div:nth-of-type(6){-webkit-transform:translate(84px,84px) rotate(270deg) translate(70px);transform:translate(84px,84px) rotate(270deg) translate(70px)}.spin-wrapper .uil-spin-css>div:nth-of-type(6)>div{-webkit-animation:uil-spin-css 1s linear infinite;animation:uil-spin-css 1s linear infinite;-webkit-animation-delay:.62s;animation-delay:.62s}.spin-wrapper .uil-spin-css>div:nth-of-type(7){-webkit-transform:translate(84px,84px) rotate(315deg) translate(70px);transform:translate(84px,84px) rotate(315deg) translate(70px)}.spin-wrapper .uil-spin-css>div:nth-of-type(7)>div{-webkit-animation:uil-spin-css 1s linear infinite;animation:uil-spin-css 1s linear infinite;-webkit-animation-delay:.75s;animation-delay:.75s}.spin-wrapper .uil-spin-css>div:nth-of-type(8){-webkit-transform:translate(84px,84px) rotate(1turn) translate(70px);transform:translate(84px,84px) rotate(1turn) translate(70px)}.spin-wrapper .uil-spin-css>div:nth-of-type(8)>div{-webkit-animation:uil-spin-css 1s linear infinite;animation:uil-spin-css 1s linear infinite;-webkit-animation-delay:.87s;animation-delay:.87s}@-webkit-keyframes uil-spin-css{0%{opacity:1;-webkit-transform:scale(1.5);transform:scale(1.5)}to{opacity:.1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes uil-spin-css{0%{opacity:1;-webkit-transform:scale(1.5);transform:scale(1.5)}to{opacity:.1;-webkit-transform:scale(1);transform:scale(1)}}.live-radio{cursor:pointer}.speaker-icon{background:url(data:image/gif;base64,R0lGODlhEAANAOZ7AEyVAMnJyf///4e4VGelJu/v79Lkv428XYi5VnGrNc/Pz+315vDw8Orq6tHkvtzc3OTv2d/f3/Hx8ajMg8LbqOXl5czMzLDRj7HQj8rKyvLy8qbKgPr6+sPcqt7e3oO2Tu715oO1Tu3t7dTU1P7+/evr64CzSvf3916gGdnoyePu13WuO8bdrmimKOjo6M3iuOPj4+bm5tjox83NzVebD8vLy1KZCcHap/3+/NLS0ou6Wv7+/rfUmHCqM/f681GYCMnfslecEPz8/GChHWqmK1ibEPPz8+/16fj4+NDjvOTk5OLj4O/w7+Xw2pbBaujw3+Tv2Ofn5/L18GelJ63OiuHo2KTJffDx7+715+np6MTcq8nfs/b29vv7+6HHeU2VAfT18vr8+GakJu/v7u7u7vX19dDQ0N3d3MzhtqrNhv///t7r0NXmw8/iurjVmvX58r7YotHT0Pz++/j59/T088XdrOrs6JG+YvT58JS/Zunp6f///wAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQFZAB7ACwAAAAAEAANAAAHiIB7goOEDAElhIQLBns7EgUBASKJggQfjRk5EZEciQgAF1IFGQEPmw97BwMDCQAAHVkBRpFCkXuuuAAThmazDR4Bt7kAG3szGXsBHpCpq60AFFcBMxwBSi7BAtoCnxh2ARoWAScKwYQCBCFdZOIjDQEKlCCMAjUKFZEalNp7Ao+RMChRMhRjUCAAIfkEBSMAewAsBwABAAQACgAAByWAeyR7hAKEKltxey8AT3sCKy1ceyYoew4AKXMQLGCPZYR7aoSBACH5BAUjAHsALAgAAAAGAA0AAAc9gHt7TIJ7OA50hXs/RHqCQEcAOjGCEDIAb4UCNjdnhUU8Y4ILAFWCPkE9SHsCNEMVgiRJS4qrinsnI1F7gQAh+QQFIwB7ACwJAAAABgANAAAHO4B7aABwe4ZyTgBahnsCeQBYjAIAd4x4Xl+Me2sAmk2dhlB1oI1iU4YCbgBse2FpAFYCAm0AVAKosoaBADs=);background-repeat:no-repeat;background-size:100% 100%;display:inline-block;height:13px;left:5px;position:relative;top:2px;width:16px}@media screen and (max-width:600px){main{padding:0}.projects3d-wrapper .project-img3d{border-radius:0}.projects3d-wrapper .projects3d{border-radius:0;height:100%;margin:0;padding:0;width:100%}}.breadcrumbs{color:#818181;opacity:.5;position:absolute;top:87px}.breadcrumbs a{color:#aaa}@media screen and (max-width:600px){.projects .product-box{width:100%}.header-post-3d{height:100px}.big-img{height:200px!important}.aboutme-text{width:90%}.skill-section{flex-direction:column}.skill-section .aboutme-text{transition:all .3s cubic-bezier(.645,.045,.355,1);width:250px}.projects-wrapper{display:flex;flex-direction:column}}@media screen and (max-width:800px){.project-img-smaller{height:auto;width:100%}body,html{max-width:100%;overflow-x:hidden}.toggle-switch-mobile{position:absolute;right:20px;top:19px}.section-header{flex-direction:column}.project-img{height:100%!important;width:100%}main h2{font-size:36px;text-align:center}main section{margin:.5rem}.selectable-img{position:absolute;visibility:hidden;width:1px}.skill-section{align-items:center;display:flex;flex-direction:column;justify-content:center}.projects{height:auto}.projects3d{box-shadow:0 0 20px #878787}.trednav .nav-wrap{flex-direction:column;gap:0}}footer{background-color:#232323;color:#fff;display:flex;height:120px;justify-content:space-evenly}footer p{font-size:16px;margin:0;opacity:.8;padding:3rem}nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#232323;color:#fff;padding:.5rem 0;position:fixed;width:100%;z-index:99}.nav-link-wrap{align-items:center;display:flex;margin-right:3rem}.nav-wrapweb{align-items:flex-start;flex-direction:column}.nav-desktop,.nav-wrapweb{display:flex;justify-content:space-between}.nav-desktop{align-items:center;width:100%}.nav-desktop a{color:#fff;justify-content:center}.nav-desktop a,.nav-desktop a:hover{transition:all .3s cubic-bezier(.645,.045,.355,1)}.nav-desktop a:hover{color:purple}.nav-wrapmobile{align-items:center;display:none;flex-direction:column}.show-nav{display:none}nav a{color:#fff;font-size:1.2rem;margin:0 1rem;text-decoration:none;transition:color .3s ease-in-out}.hamburger-menu{background-color:transparent;border:none;color:#fff;cursor:pointer;display:none;font-size:2rem}@media only screen and (max-width:768px){.mobile-navbar-wrapper{display:flex;justify-content:space-between;width:100%}.nav-desktop{position:absolute;visibility:hidden;width:1px}.hamburger-menu{display:block;margin-left:.5rem;padding:0}.nav-wrapmobile{margin-top:1rem;width:100%}.nav-wrapmobile a{margin:.5rem 0}.show-nav{align-items:flex-start;display:flex}.show-nav a{display:block}}
/*# sourceMappingURL=main.233d5b23.css.map*/