html{font-family:sans-serif;background-color:#08131e;color:#cdd2b4;accent-color:#2ca256}body{margin:0 20px 0 20px;position:relative}@media only screen and (max-width: 768px){body{margin:0 10px 0 10px}}a{color:#2ca256;transition:.3s}a:hover{color:#cdd2b4}.box h1,.box h2,.box h3,.box h4,.box h5,.box h6,.box-ng h1,.box-ng h2,.box-ng h3,.box-ng h4,.box-ng h5,.box-ng h6{text-align:center}code{background-color:#2ca256;color:#08131e;padding:2px 5px 2px 5px;border:1px solid #2ca256;border-radius:3px}pre:has(code){background-color:#08131e;color:#cdd2b4;border:1px solid #2ca256;border-radius:5px;padding:10px;width:fit-content}pre:has(code) code{background-color:unset;color:unset}pre>code{border:0;padding:0}blockquote{margin:0;padding:.5rem 1rem .5rem 1.5rem;box-shadow:inset 5px 0 0 0 #2ca256;background-color:hsla(0,0%,100%,.08);border-radius:0 5px 5px 0}del{color:hsla(0,0%,100%,.5) !important}.wide-text{width:70%;margin:auto}@media only screen and (max-width: 768px){.wide-text{width:100%}}ul,li{text-align:left}hr{border-color:#2ca256}kbd{background-color:#08131e;border:1px solid #2ca256;color:#2ca256;box-shadow:0 -1px 0 #2ca256 inset}.box,.box-bottom,.box-middle,.box-top{background:rgb(12.9684210526,30.8,48.6315789474);padding:20px;border:1px solid #08131e}@media only screen and (max-width: 768px){.box,.box-bottom,.box-middle,.box-top,.box-ng .middle{padding-left:12px;padding-right:12px}}.box-top{margin-bottom:30px;border-radius:0 0 20px 20px}.box-middle{margin-top:30px;margin-bottom:30px;border-radius:20px}.box-bottom{margin-top:30px;border-radius:20px 20px 0 0}main,.header-purple,main .box-ng:nth-child(4){--left: #7299e6;--right: #72b6e6 }.header-red,main .box-ng:nth-child(3){--left: #C70039;--right: rgb(199, 0, 106.75) }.header-brown,main .box-ng:nth-child(12){--left: #814141;--right: #814151 }.header-green,main .box-ng:nth-child(1){--left: #7adf47;--right: #a0df47 }.header-yellow,main .box-ng:nth-child(9){--left: #dfac47;--right: #df8647 }.header-pink,main .box-ng:nth-child(11){--left: #e67299;--right: #e672b6 }.header-orange,main .box-ng:nth-child(13){--left: #FF5F15;--right: rgb(255, 36.5, 21) }.header-blue,main .box-ng:nth-child(5){--left: blue;--right: rgb(0, 63.75, 255) }.header-grey,main .box-ng:nth-child(14){--left: #899499;--right: #899899 }.header-accent,main .box-ng:nth-child(2){--left: #2ca256;--right: rgb(44, 162, 56.5) }.header-info,main .box-ng:nth-child(10){--left: #4BDDE2;--right: rgb(75, 226, 193.25) }.header-success,main .box-ng:nth-child(6){--left: #17a82f;--right: rgb(35.25, 168, 23) }.header-warning,main .box-ng:nth-child(7){--left: #f5c517;--right: rgb(245, 141.5, 23) }.header-error,main .box-ng:nth-child(8){--left: #f30b46;--right: #f30b80 }.box-ng{border:1px solid #08131e;margin-top:30px;margin-bottom:30px;border-radius:20px;overflow:hidden}.box-ng h1.header{margin:0;padding:8px 15px;font-size:2.8em;text-align:center;position:relative;background:linear-gradient(to left, var(--right), var(--left));color:#08131e;z-index:1}.box-ng h1.header::after{content:"";position:absolute;top:0;bottom:0;left:0;right:0;background-position-y:20% !important;background-position-x:50% !important;background-size:cover !important;pointer-events:none;opacity:15%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-290 -360 1700 460'%3E%3Cpath fill='none' d='M -270 -49 C -238 -93 -224 -260 -140 -286 C -57 -311 66 -210 134 -173 C 202 -136 179 -99 195 -80' stroke-width='25' stroke-linecap='round' stroke='%23fff'%3E%3C/path%3E%3Cpath fill='none' d='M 207 -346 C 221 -280 -29 371 111 134 249 -103 380 105 572 34 764 -37 802 233 896 192 989 151 538 -203 564 -266 c 25 -62 177 -69 184 -94' stroke-width='25' stroke-linecap='round' stroke='%23fff'%3E%3C/path%3E%3Cpath fill='none' d='M 765 59 C 786 -8 830 -265 889 -260 C 949 -256 971 56 1048 59 C 1124 61 1128 -564 1149 -428 C 1169 -292 1367 410 1508 243 C 1649 75 1223 -182 1331 -323' stroke-width='25' stroke-linecap='round' stroke='%23fff'%3E%3C/path%3E%3C/svg%3E%0A");z-index:-1}.box-ng .box-body{padding:20px;background:rgb(12.9684210526,30.8,48.6315789474)}footer{display:flex}footer small{font-size:.6em}.copyright{font-size:large;display:inline-table;text-align:left;color:#8f8f8f}.copyright .logo{display:flex}.copyright .logo img,.copyright .logo svg{width:130px;height:130px}.copyright .right{margin-left:20px}.copyright .bottom{margin-top:10px}.link-list{margin:15px;display:inline-table}.link-list>ul{list-style-type:none;padding:0}.link-list h2{text-align:left}.footer-links{display:inline-block;margin-left:auto;margin-right:5%}@media only screen and (max-width: 768px){.box-bottom{display:block}.copyright{text-align:center;width:100%;margin-bottom:20px}.copyright .logo{display:block}.copyright .logo img,.copyright .logo svg{width:80px;height:80px;margin-bottom:20px}.copyright .right{margin-left:0}.copyright .bottom{margin-top:0}footer{display:block}.link-list{margin-left:0;margin-right:0;width:100%}.link-list>h2,.link-list>ul>li{text-align:center}.footer-links{width:100%;margin-right:auto}}.badge{padding:3px 8px;text-align:center;border-radius:5px;color:#08131e;background-color:#2ca256}.badge-info{padding:3px 8px;text-align:center;border-radius:5px;color:#08131e;background-color:#2ca256;background-color:#4bdde2}.badge-success{padding:3px 8px;text-align:center;border-radius:5px;color:#08131e;background-color:#2ca256;background-color:#17a82f}.badge-warning{padding:3px 8px;text-align:center;border-radius:5px;color:#08131e;background-color:#2ca256;background-color:#f5c517}.badge-error{padding:3px 8px;text-align:center;border-radius:5px;color:#08131e;background-color:#2ca256;background-color:#f30b46}input,select,textarea,button,.button,label.radio,label.checkbox{background-color:#08131e;color:#cdd2b4;border:1px solid #2ca256;border-radius:5px;padding:12px;transition:.3s;box-sizing:border-box}input::placeholder,select::placeholder,textarea::placeholder{color:hsl(70,25%,72.6470588235%)}input[type=text],input[type=password],input[type=email],input[type=number],input[type=tel],input[type=date],input[type=datetime-local],input[type=time],input[type=file],input[type=color],select,textarea{cursor:auto;width:100%}input[type=text]:focus,input[type=password]:focus,input[type=email]:focus,input[type=number]:focus,input[type=tel]:focus,input[type=date]:focus,input[type=datetime-local]:focus,input[type=time]:focus,input[type=file]:focus,input[type=color]:focus,select:focus,textarea:focus{box-shadow:0 0 0 1px #08131e,0 0 0 3px rgb(47.2466019417,173.9533980583,92.345631068);outline:none}input[type=file],input[type=button],input[type=submit],input[type=button],button,.button,label.radio,label.checkbox{cursor:pointer}textarea{resize:vertical}label{padding:12px 12px 12px 0;display:inline-block}label input[type=radio],label input[type=checkbox]{position:fixed;height:0;width:0;opacity:0;pointer-events:none}label .radio,label .checkbox{display:inline-block;height:1em;width:1em;border:1px solid #2ca256;resize:vertical;transition:.3s;margin-right:.5em;float:left}label .radio{border-radius:50%}label .checkbox{border-radius:1px}label input:checked~.radio,label input:checked~.checkbox{background-color:#2ca256}label:has(input[type=radio],input[type=checkbox]):hover{color:#08131e}label:hover input~.radio,label:hover input~.checkbox{background-color:rgb(12.9684210526,30.8,48.6315789474)}label:hover input:checked~.radio,label:hover input:checked~.checkbox{background-color:#cdd2b4}.button,button,input[type=button],input[type=submit],input[type=reset],label.radio,label.checkbox{--button-color: #2ca256;border-color:var(--button-color);color:#cdd2b4;margin:5px;padding:10px;display:inline-block;align-items:center;font:inherit;text-align:center}.button:hover,.button:focus,button:hover,button:focus,input[type=button]:hover,input[type=button]:focus,input[type=submit]:hover,input[type=submit]:focus,input[type=reset]:hover,input[type=reset]:focus,label.radio:hover,label.radio:focus,label.checkbox:hover,label.checkbox:focus{background-color:var(--button-color);color:#08131e}.button:hover a,.button:focus a,button:hover a,button:focus a,input[type=button]:hover a,input[type=button]:focus a,input[type=submit]:hover a,input[type=submit]:focus a,input[type=reset]:hover a,input[type=reset]:focus a,label.radio:hover a,label.radio:focus a,label.checkbox:hover a,label.checkbox:focus a{color:#cdd2b4;text-decoration:underline}.button:active,button:active,input[type=button]:active,input[type=submit]:active,input[type=reset]:active,label.radio:active,label.checkbox:active{filter:brightness(80%);transition:.1s;outline:none;box-shadow:0 0 0 2px #08131e,0 0 0 3px rgb(47.2466019417,173.9533980583,92.345631068)}.button-primary,input[type=submit]{--button-color: #2ca256;--button-outline-color: rgb(47.2466019417, 173.9533980583, 92.345631068);background-color:#2ca256;color:#08131e;outline:2px solid #2ca256}.button-primary:hover,.button-primary:focus,input[type=submit]:hover,input[type=submit]:focus{color:#08131e;background-color:rgb(47.2466019417,173.9533980583,92.345631068)}.button-secondary{--button-color: #2ca256;--button-outline-color: rgb(47.2466019417, 173.9533980583, 92.345631068);border-color:var(--button-color);color:var(--button-color)}.button-secondary:active{box-shadow:0 0 0 1px #08131e,0 0 0 3px var(--button-outline-color)}.button-info{--button-color: #4BDDE2;--button-outline-color: rgb(84, 222.7, 227.45);border-color:var(--button-color);color:var(--button-color)}.button-info:active{box-shadow:0 0 0 1px #08131e,0 0 0 3px var(--button-outline-color)}.button-success{--button-color: #17a82f;--button-outline-color: rgb(24.9206806283, 182.0293193717, 50.9248691099);border-color:var(--button-color);color:var(--button-color)}.button-success:active{box-shadow:0 0 0 1px #08131e,0 0 0 3px var(--button-outline-color)}.button-warning{--button-color: #f5c517;--button-outline-color: rgb(245.5, 199.9, 34.6);border-color:var(--button-color);color:var(--button-color)}.button-warning:active{box-shadow:0 0 0 1px #08131e,0 0 0 3px var(--button-outline-color)}.button-error,input[type=reset],input[type=reset]{--button-color: #f30b46;--button-outline-color: rgb(244.4677165354, 22.3322834646, 78.8236220472);border-color:var(--button-color);color:var(--button-color)}.button-error:active,input[type=reset]:active,input[type=reset]:active{box-shadow:0 0 0 1px #08131e,0 0 0 3px var(--button-outline-color)}input[type=reset].button:active{box-shadow:0 0 0 1px #08131e,0 0 0 3px rgb(244.4677165354,22.3322834646,78.8236220472)}.button:disabled,button:disabled,input[type=button]:disabled,input[type=submit]:disabled,input[type=reset]:disabled,label.radio:disabled,label.checkbox:disabled{background-color:rgb(12.9684210526,30.8,48.6315789474)}.button:disabled:hover,button:disabled:hover,input[type=button]:disabled:hover,input[type=submit]:disabled:hover,input[type=reset]:disabled:hover,label.radio:disabled:hover,label.checkbox:disabled:hover{background-color:#08131e;color:#cdd2b4}.button:disabled:active,button:disabled:active,input[type=button]:disabled:active,input[type=submit]:disabled:active,input[type=reset]:disabled:active,label.radio:disabled:active,label.checkbox:disabled:active{box-shadow:unset}.input-group{margin-top:20px;margin-bottom:20px;width:100%}.input-group .label{max-width:20%;min-width:20%;width:20%;font-size:120%;font-weight:bold}.input-group .input{width:80%;display:block}.input-group label,.input-group .container{display:flex;min-width:fit-content}.input-group label small,.input-group .container small{color:hsl(70,25%,72.6470588235%)}.input-group .container .input:has(button){display:flex}.input-group label.radio,.input-group label.checkbox{display:inline-block}.input-group button{width:100%}input[type=submit],input[type=reset]{width:20%}.input-group>input[type=submit]{float:right}input[type=range]{-webkit-appearance:none;width:100%;height:25px;cursor:text}input[type=range]:hover{background-color:#2ca256}input[type=range]:hover::-webkit-slider-thumb{background-color:#cdd2b4;outline:1px solid #08131e}input[type=range]:hover::-webkit-slider-thumb{background-color:#cdd2b4;outline:1px solid #08131e}input[type=range]:focus{box-shadow:0 0 0 1px #08131e,0 0 0 3px rgb(47.2466019417,173.9533980583,92.345631068);outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:15px;height:25px;background-color:#2ca256;cursor:pointer}input[type=range]::-moz-range-thumb{width:15px;height:25px;background-color:#2ca256;cursor:pointer}label span:has(input[type=range]){display:flex;width:100%;padding:10px;background-color:#08131e;color:#cdd2b4;border:1px solid #2ca256;border-radius:5px;border:none !important}label span:has(input[type=range]) span{float:right;white-space:nowrap;margin-left:20px;padding:3px 8px;text-align:center;border-radius:5px;color:#08131e;background-color:#2ca256}input[type=color]{padding-top:0;padding-bottom:0}select option{background-color:#08131e}@media only screen and (max-width: 768px){.input-group label,.input-group .container{display:block}.input-group input[type=submit]{float:unset}.input-group .label{margin-top:10px;margin-bottom:10px;display:inline-block;max-width:100%;width:100%}.input-group .input,input[type=submit],input[type=reset]{width:100%}textarea{min-height:20dvb}}.list{display:flex;flex-direction:row;align-items:stretch;flex-wrap:wrap}.list-2>div{min-width:calc(50% - 84px)}.list-3>div{min-width:calc(33.3333333333% - 84px)}.list-4>div{min-width:calc(25% - 84px)}.list-6>div{min-width:calc(16.6666666667% - 84px)}.list-entry{margin:20px;border:solid 2px #08131e;border-radius:5px;padding:20px;display:flex;position:relative;flex:1}.list-entry>h2{margin-top:0}@media only screen and (max-width: 768px){.list{display:block}.list-entry{margin-left:5px;margin-right:5px}}.list-entry.selectable{cursor:pointer}.list-entry.selectable.active,.list-entry.selectable:hover{box-shadow:0 0 0 1px #08131e,0 0 0 3px rgb(47.2466019417,173.9533980583,92.345631068);outline:none}.popper .popper-content{visibility:hidden;position:absolute;left:-20px;z-index:1;min-width:30px;max-width:250px;width:max-content;background-color:#08131e;color:#cdd2b4;border:1px solid #2ca256;border-radius:5px;text-align:center;padding:10px}.popper:hover .popper-content{visibility:visible}::-webkit-scrollbar{width:12px}@media only screen and (max-width: 768px){::-webkit-scrollbar{width:0}}::-webkit-scrollbar-track{background-color:rgb(12.9684210526,30.8,48.6315789474)}::-webkit-scrollbar-thumb{transition:.3s;background-color:hsla(0,0%,100%,.08)}::-webkit-scrollbar-thumb:hover{background-color:hsla(0,0%,100%,.13)}table{width:100%;border:1px solid #cdd2b4;border-collapse:collapse}table th,table td{border:1px solid;padding:10px}table th{text-align:left;background-color:#2ca256;color:#08131e;border-color:#cdd2b4;font-weight:bold}table tr:hover td{background-color:hsla(0,0%,100%,.08)}.snowflake{color:#fff;font-size:1em;font-family:Arial,sans-serif;text-shadow:0 0 5px #000}@keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@keyframes snowflakes-shake{0%,100%{transform:translateX(0)}50%{transform:translateX(80px)}}.snowflake{position:fixed;top:-10%;user-select:none;cursor:default;animation-name:snowflakes-fall,snowflakes-shake;animation-duration:10s,3s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-play-state:running,running}.snowflake:nth-of-type(0){left:1%;animation-delay:0s,0s}.snowflake:nth-of-type(1){left:10%;animation-delay:1s,1s}.snowflake:nth-of-type(2){left:20%;animation-delay:6s,.5s}.snowflake:nth-of-type(3){left:30%;animation-delay:3s,2s}.snowflake:nth-of-type(4){left:40%;animation-delay:2s,2s}.snowflake:nth-of-type(5){left:50%;animation-delay:8s,3s}.snowflake:nth-of-type(6){left:60%;animation-delay:6s,2s}.snowflake:nth-of-type(7){left:70%;animation-delay:2.5s,1s}.snowflake:nth-of-type(8){left:80%;animation-delay:1s,0s}.snowflake:nth-of-type(9){left:90%;animation-delay:3s,1.5s}.snowflake:nth-of-type(10){left:25%;animation-delay:2s,0s}.snowflake:nth-of-type(11){left:65%;animation-delay:4s,2.5s}.logo-container{margin-right:20px;width:220px;height:220px;display:inline-block}.logo{width:100%;height:100%}.list-note{text-align:center}.about-me-text h1,.about-me-text h2,.about-me-text h3{text-align:left}.about-me-text{display:inline-block}.about-me-content{margin-left:20%}@media only screen and (max-width: 1000px){.about-me-content{width:fit-content;display:block;margin-left:auto;margin-right:auto}.about-me-text h1,.about-me-text h2,.about-me-text h3{text-align:center}}@media only screen and (max-width: 768px){.about-me-text{width:100%;text-align:center}.logo{margin:0}.logo-container{margin:auto;display:block}}.icon{width:30px;height:30px;display:inline-block;fill:#2ca256 !important;margin-right:5px}.popper{position:relative;display:inline-block}.language-selector{position:absolute;top:10px;right:10px;border:solid 1px #2ca256;border-radius:5px;padding:10px}.fireworks{z-index:1;top:0;left:0;width:100%;height:100%;position:fixed;pointer-events:none}.contact-button{background-color:inherit;display:inline-flex}img.icon{filter:invert(50%) sepia(64%) saturate(502%) hue-rotate(89deg) brightness(92%) contrast(85%)}.button:hover img.icon,.button:focus img.icon,button:hover img.icon,button:focus img.icon,input[type=button]:hover img.icon,input[type=button]:focus img.icon,input[type=submit]:hover img.icon,input[type=submit]:focus img.icon,input[type=reset]:hover img.icon,input[type=reset]:focus img.icon,label.radio:hover img.icon,label.radio:focus img.icon,label.checkbox:hover img.icon,label.checkbox:focus img.icon{filter:invert(88%) sepia(6%) saturate(782%) hue-rotate(30deg) brightness(98%) contrast(83%)}.header-about-me{--left: #00ff00;--right: #ff0000}.header-skills{--left: #0000ff;--right: #002366}.header-projects{--left: #aaaa00;--right: rgb(141.6666666667, 170, 0) }.project{padding-bottom:10px;align-items:center}.project .favicon{width:180px;height:180px;border-radius:5px}.project .content{display:flex;flex-direction:column;width:100%;margin-left:30px}.project .content .date{margin-left:auto;margin-right:0}.project h2.title{text-align:left}.technologies{position:absolute;top:10px;right:10px}.technologies a{margin-right:5px}.note{margin-left:20%;margin-right:20%}@media only screen and (max-width: 768px){.note{margin-left:10px;margin-right:10px}}@media only screen and (max-width: 1100px){.list{display:block}}.meta{display:flex;flex-direction:column;align-items:center}.overlay{z-index:100;top:0;left:0;width:100%;height:100%;position:fixed;pointer-events:none}