.background{z-index:-1;background:linear-gradient(-45deg,#0c0c0c,#181818,#0e0e0e,#000) 0 0/400% 400%;min-width:100dvw;height:100dvh;min-height:100dvh;margin:0;animation:15s infinite bg;position:fixed;top:0;left:0}@keyframes bg{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.gridcontainer{z-index:1;grid-column-gap:7px;grid-row-gap:7px;grid-template-rows:repeat(6,1fr);grid-template-columns:repeat(4,1fr);max-width:100dvw;height:95dvh;margin:0;padding:2rem 3rem 0;display:grid}.griditem{border:1px solid var(--accent-color);color:var(--text-main);box-shadow:inset 0 0 1px 1px var(--shadow-color);box-sizing:border-box;min-width:310px;max-width:100%;max-height:100%;overflow:none;border-radius:8px;padding:.5rem;transition:all .3s}.griditem1{grid-area:1/1/4/4}.griditem2{grid-area:1/4/5/5}.griditem3{grid-area:4/1/7/2}.griditem4{grid-area:4/2/5/3}.griditem5{grid-area:5/2/7/3}.griditem6{grid-area:4/3/6/4}.griditem7{grid-area:6/3/7/4}.griditem8{grid-area:5/4/6/5}.griditem9{grid-area:6/4/7/5}.griditem:hover{box-shadow:inset 0 0 1px 1px var(--accent-color)}.language-selector-cont{z-index:20;position:absolute;top:3rem;right:2rem}.colorSelector{justify-content:center;align-items:center;gap:.8rem;min-width:100%;min-height:100%;display:flex}.colorSelector-button{aspect-ratio:1;cursor:pointer;border:none;border-radius:50%;width:3rem;min-width:2rem;height:3rem;min-height:2rem;transition:all .2s}.colorSelector-button:hover{box-shadow:0 0 0px 1px var(--shadow-color);filter:brightness(1.3);transform:translateY(-2px)translate(2px)}.heroContainer{width:100%;max-height:250px;margin-bottom:inherit;padding:0 1rem;display:flex}.heroContainer h1{color:var(--accent-color);width:100%;margin-bottom:0;padding-left:1.5rem}.herotextcontainer{width:75%}.texthero{text-align:justify;white-space:pre-line;margin:0;padding-top:0;padding-left:1.2rem;font-size:.9rem}.texthero span{color:var(--accent-color);transition:all .2s}.heroContainer:hover span{filter:brightness(1.5)}.heroimagecontainer{max-width:25%;max-height:100%;overflow:hidden}.heroimagecontainer img{object-fit:contain;width:100%;height:100%;animation:10s infinite bright-breathe}.skillscontainer{max-width:100%;max-height:100%;overflow:hidden}.skillscontainer h2{text-align:center;color:var(--accent-color);margin-top:1rem;margin-bottom:.5rem}.skillscontainer ul{font-size:.85rem}.skillscontainer p{white-space:pre-line;margin-right:1rem;padding:.2rem .9rem;font-size:.75rem}.mwcontainer{cursor:crosshair;justify-content:center;align-items:center;gap:1rem;width:100%;height:100%;display:flex;position:relative}.mwcontainer:after{content:"MADE WITH";color:var(--accent-color);opacity:0;z-index:0;filter:blur(.5px);font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:3rem;transition:all 1s;position:absolute}.mwcontainer:hover:after{opacity:.1}.mwcontainer img{z-index:2;max-height:75%;transition:all .5s;display:inline}.mwcontainer img:hover{filter:brightness(1.3);transform:translateY(-2px)translate(2px)scale(1.01)}.griditem6{margin:0;padding:0}.pinnedproject{border-radius:8px;place-items:center;width:100%;height:100%;position:relative;overflow:hidden}.pinnedproject:before{content:"";z-index:0;opacity:.3;background-image:url(/NG.jpg);background-position:50%;background-size:cover;width:100%;height:100%;transition:all 1.5s;position:absolute}.pinnedproject h3,.pinnedproject p{-webkit-backdrop-filter:opacity(.1);backdrop-filter:opacity(.1);margin-bottom:0;transition:all .7s}.pinnedproject p{text-align:center;text-shadow:0 0 10px #000;flex-flow:column;width:95%;font-size:.9rem;display:flex}.pinnedproject span{color:var(--accent-color);margin-top:0;font-weight:700}.pplink{color:#fff;place-content:center;align-items:center;width:100%;height:100%;margin:0;padding:0;text-decoration:none;display:flex}.pinnedproject:hover:before{content:"";opacity:1;transform:scale(1.03)}.pinnedproject:hover h3{transition:all 1.5s;transform:translateY(-100px)}.pinnedproject:hover p{transition:all 1.5s;transform:translateY(150px)}.contact{flex-direction:column;place-items:center;display:flex}.contacticon{color:var(--accent-color);font-size:2rem}.contacticon:hover{filter:brightness(1.3);transform:translateY(-2px)translate(2px)}.clockcontainer{height:100%;color:var(--accent-color);justify-content:center;align-items:center;min-width:210px;display:flex}.clock{opacity:.6;max-width:100%;max-height:100%;font-family:ds-digital;font-size:4rem;font-weight:700}.clockcontainer:hover .clock{opacity:1;transition:all .7s}.buttonBox{align-content:center;justify-items:center;width:100%;height:100%;position:relative}.buttonBox h3{margin:1rem}.buttonCont{justify-content:center;align-items:center;max-width:100%;max-height:100%}.buttonCont button{width:10rem;height:3rem;color:var(--accent-color);cursor:pointer;background:#0a0a0a;border:2px solid #dadada;border-radius:10px;margin:0;padding:10px 20px;font-size:1rem;box-shadow:3px 3px #dadada}.buttonCont button:active{box-shadow:none;transform:translate(3px,3px)}.buttonCont button:disabled{color:#888;border:2px solid #888;box-shadow:3px 3px #888}.buttonCounter{color:var(--accent-color);text-align:center;font-family:ds-digital;font-size:2rem}.buttonCounter p{color:var(--accent-color);text-align:center;margin-top:1rem;font-family:ds-digital;font-size:1.7rem;animation:2s infinite flick}.buttonCont button:active+.buttonCounter p{transition:all;transform:scale(1.1)}.button-tooltip-icon{color:#dadada88;cursor:pointer;z-index:10;width:1.2rem;height:1.2rem;transition:all .5s;position:absolute;top:5px;right:5px}.infoCard{opacity:0;color:#dadada;white-space:pre-line;pointer-events:none;text-align:center;background-color:var(--bg-main);border:1px solid var(--accent-color);border-radius:8px;min-width:10rem;min-height:5rem;padding:1rem;font-size:.8rem;transition:all .5s;position:absolute;top:-8rem;right:-4rem}.infoCard1{top:-8rem}.infoCard span{color:var(--accent-color);font-size:.65rem}.button-tooltip-icon:hover .infoCard{opacity:1;transform:scale(1.03)}.weather-main{box-sizing:border-box;align-items:center;width:100%;height:100%;display:flex;position:relative}.weather-info{text-align:center;width:50%;max-height:100%}.w-temp{margin:0;font-family:lato,sans-serif;font-size:2rem;overflow:hidden}.w-city{color:var(--accent-color);margin:0;font-family:lato,sans-serif;font-size:1rem;font-weight:300}.weather-icon-cont{justify-content:center;align-items:center;width:50%;height:100%;max-height:90%;display:flex}.weather-icon{color:var(--accent-color);filter:drop-shadow(0px 0px 0px var(--accent-color));font-size:3rem;animation:3s infinite breathe}.weather-main:hover .weather-icon{filter:drop-shadow(0px 0px 10px var(--accent-color));transition:all 1.5s}@media screen and (max-width:800px){.gridcontainer{grid-template-columns:1fr;align-items:center;max-width:100dvw;margin:1rem 0 0;padding:.5rem}.grid-item{width:100%}.griditem1{grid-area:1/2}.griditem2{grid-area:3/2}.griditem3{grid-area:8/2}.griditem4{grid-area:4/2}.griditem5{grid-area:6/2}.griditem6{grid-area:5/2}.griditem7{grid-area:7/2}.griditem8{grid-area:2/2}.griditem9{grid-area:9/2}.griditem1{min-height:500px;max-height:none;margin-bottom:1.2rem;overflow:hidden}.griditem8{min-height:none}.griditem2{min-height:350px}.griditem3{min-height:40dvh}.griditem4,.griditem5{min-height:none}.griditem6{min-height:25dvh}.griditem7{min-height:none}.griditem9{min-height:10dvh}.heroContainer{width:100%;min-height:500px;padding:1rem 1rem 1rem 0;position:relative;overflow:hidden}.herotextcontainer{width:100%;margin-top:2rem;overflow:hidden}.heroimagecontainer{width:20rem;max-width:100%;max-height:100%;position:absolute;bottom:-2rem;left:10rem;overflow:hidden}.texthero{z-index:2}.heroimagecontainer img{object-fit:contain;opacity:.3;z-index:1;width:75%;height:75%;animation:5s infinite breathe}.pinnedproject{align-content:space-around;width:100%;height:25dvh;font-size:1.1rem;position:relative;overflow:hidden}.pinnedproject h3{text-align:center;margin-top:0}.pinnedproject p,.pinnedproject span{text-align:center;font-size:1rem}.pinnedproject:before{z-index:0;opacity:.3;background-image:url(/NG.jpg);background-position:50%;background-size:cover;min-height:25dvh;top:0}.buttonBox h3,.buttonCont{text-align:center}.pinnedproject:hover h3,.pinnedproject:hover p{transform:none}.pinnedproject:hover:before{content:"";opacity:.3;transform:scale(1)}.button-tooltip-icon svg{font-size:1.2rem;animation:2s infinite bright-breathe}.infoCard{width:60dvw;height:15dvh;filter:drop-shadow(0px 0px 10px var(--accent-color));top:3rem;right:3rem}.infoCard1{width:60dvw;height:15dvh;filter:drop-shadow(0px 0px 10px var(--accent-color));top:-1.5rem;right:3.5rem}.mwcontainer:after{opacity:.2}.mwcontainer{height:8dvh;margin:0}.contact{min-height:40dvh}.contacticon{font-size:2rem}}@media screen and (min-width:769px) and (max-width:1199px){.gridcontainer{grid-template-rows:8fr;grid-template-columns:2fr;justify-content:center;align-items:center;max-width:100dvw;margin:1rem 0 0;padding:.5rem}.griditem1{grid-area:1/1/2/4;overflow:hidden}.griditem2{grid-area:2/1/4/2;max-width:48dvw}.griditem6{grid-area:4/1/6/2;max-width:48dvw}.griditem4{grid-area:2/2/3/3;max-width:48dvw}.griditem5{grid-area:3/2/4/3;max-width:48dvw}.griditem7{grid-area:4/2/5/3;max-width:48dvw}.griditem8{grid-area:5/2/6/3;max-width:48dvw}.griditem3{grid-area:6/1/7/4}.griditem9{grid-area:7/1/8/4}.griditem1{width:98dvw;height:100%;min-height:450px}.griditem2,.griditem6,.griditem4,.griditem5,.griditem7{width:48dvw;height:100%}.griditem8{width:98dvw;height:100%}.griditem3{width:98dvw}.griditem9{width:98dvw;height:100%;min-height:100px}.contact{min-height:none;flex-direction:row;justify-content:space-around;padding:1rem;display:flex}.contact h3{display:none}.contacticon{font-size:2.5rem}.heroContainer{width:100%;min-height:450px;max-height:100%;padding:1rem 1rem 1rem 0;position:relative;overflow:hidden}.herotextcontainer{width:100%;height:100%;margin-top:2rem;overflow:hidden}.heroimagecontainer{width:20rem;max-width:100%;max-height:100%;position:absolute;bottom:-1rem;right:-5rem;overflow:hidden}.texthero{z-index:1}.heroimagecontainer img{object-fit:contain;opacity:1;z-index:1;width:75%;height:75%;animation:5s infinite breathe}.infoCard{width:25dvw;height:8dvh;filter:drop-shadow(0px 0px 10px var(--accent-color));top:3rem;right:10dvw}.infoCard1{width:35dvw;height:6dvh;filter:drop-shadow(0px 0px 10px var(--accent-color));top:-1rem;right:5dvw}}@media (min-width:1200px) and (max-width:1330px){body{overflow-x:auto!important}html{margin:auto 5rem auto auto!important}}.lang-switch{width:3.5em;height:2em;transform-style:preserve-3d;perspective:500px;font-size:17px;animation:3s infinite toggle__animation;display:inline-block;position:relative}.lang-switch:before{content:"";filter:blur(20px);z-index:-1;background-color:var(--accent-color);background-image:radial-gradient(at 21% 46%,#57d5db 0,#0000 50%),radial-gradient(at 23% 25%,#eb7a7c 0,#0000 50%),radial-gradient(at 20% 1%,#ba8af4 0,#0000 50%),radial-gradient(at 86% 87%,#75b9e6 0,#0000 50%),radial-gradient(at 99% 41%,#9aefe2 0,#0000 50%),radial-gradient(at 55% 24%,#64d887 0,#0000 50%);border-radius:50px;width:100%;height:100%;position:absolute;top:0;left:0}.lang-switch input{opacity:0;width:0;height:0}.lang-slider{cursor:pointer;background-color:#bababa;border-radius:30px;transition:all .4s;position:absolute;inset:0}.lang-slider:before{content:"";background-color:var(--accent-color);background-image:linear-gradient(#aa151b 0% 25%,#f1bf00 25% 75%,#aa151b 75% 100%);border-radius:50%;width:1.4em;height:1.4em;transition:all .4s;position:absolute;bottom:.35em;left:.3em;box-shadow:inset 0 -10px 10px #0000002b,0 -1px 15px -8px #00000017}.lang-input__check:checked+.lang-slider{background-color:#17202a}.lang-input__check:checked+.lang-slider:before{background:linear-gradient(90deg,#0000 40%,#ce1126 40% 60%,#0000 60%),linear-gradient(#0000 40%,#ce1126 40% 60%,#0000 60%),#fff;transform:translate(1.5em)}@keyframes toggle__animation{0%,to{transform:translateY(-10px)rotateX(15deg)rotateY(-20deg)}50%{transform:translateY(0)rotateX(15deg)rotateY(-20deg)}}@font-face{font-family:ds-digital;src:url(/assets/DS-DIGI-dG6DdXEc.TTF);font-weight:400}@font-face{font-family:ds-digital;src:url(/assets/DS-DIGIB-U0lzZ7cu.TTF);font-weight:600}@font-face{font-family:lato;src:url(/assets/Lato-Regular-BwLIet1C.ttf);font-weight:400}@font-face{font-family:lato;src:url(/assets/Lato-Bold-B5iD31kO.ttf);font-weight:600}@font-face{font-family:lato;src:url(/assets/Lato-Thin-BBFgnKgu.ttf);font-weight:300}@keyframes breathe{0%{transform:translate(0)translateY(0)}50%{transform:translate(-3px)translateY(4px)}to{transform:translate(0)translateY(0)}}@keyframes flick{32%{filter:opacity()}33%{filter:opacity(0)}34%{filter:opacity()}35%{filter:opacity()}36%{filter:opacity(0)}40%{filter:opacity()}}@keyframes bright-breathe{0%{filter:drop-shadow(0 0 #000)}50%{filter:drop-shadow(0 0 5px var(--accent-color))}to{filter:drop-shadow(0 0 #000)}}*{box-sizing:border-box;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}html,main,body{margin:0;padding:0;overflow-x:hidden}:root{--accent-color:#aaa;--shadow-color:#3a3a3a;--bg-main:#0f0f0f;--bg-secondary:#1a1a1a;--text-main:#f3f3f3;--text-muted:#b9b9b9}