:root{color-scheme:dark light}html{--color-light: #cdd2b4;--color-light-darker: rgb(196.875, 202.6875, 167.8125);--color-subtle: #8a907e;--color-dark: #08131e;--color-accent: #2ca256;--color-accent-lighter: rgb(47.2466019417, 173.9533980583, 92.345631068);--color-accent-darker: rgb(41.8, 153.9, 81.7);--color-dark-lighter: rgb(12.9684210526, 30.8, 48.6315789474);--color-info: #4BDDE2;--color-info-lighter: rgb(84, 222.7, 227.45);--color-success: #17a82f;--color-success-lighter: rgb(24.9206806283, 182.0293193717, 50.9248691099);--color-warning: #f5c517;--color-warning-lighter: rgb(245.5, 199.9, 34.6);--color-error: #f30b46;--color-error-lighter: rgb(244.4677165354, 22.3322834646, 78.8236220472);--color-hover: rgba(255, 255, 255, 0.08)}@media(prefers-color-scheme: light){html{--color-light: #08131e;--color-subtle: #9aa18e;--color-dark: #f6f7f2;--color-dark-lighter: #f0f1e8;--color-hover: rgba(0, 0, 0, 0.08)}}html{font-family:sans-serif;background-color:var(--color-dark);color:var(--color-light);accent-color:var(--color-accent)}body{margin:0 20px 0 20px;position:relative}@media only screen and (max-width: 768px){body{margin:0 10px 0 10px}}a{color:var(--color-accent);transition:.3s}a:hover{color:var(--color-light)}.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:var(--color-accent);color:var(--color-dark);padding:2px 5px 2px 5px;border:1px solid var(--color-accent);border-radius:3px;word-wrap:normal}pre{overflow-x:auto}pre:has(code){background-color:var(--color-dark);border:1px solid var(--color-accent);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 var(--color-accent);background-color:var(--color-hover);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{width:100%;border-color:var(--color-accent)}kbd{background-color:var(--color-dark);border:1px solid var(--color-accent);color:var(--color-accent);box-shadow:0 -1px 0 var(--color-accent) inset}@media only screen and (max-width: 768px){.box,.box-ng .middle{padding-left:12px;padding-right:12px}}.box-top{background:var(--color-dark-lighter);padding:20px;border:1px solid var(--color-dark);margin-bottom:30px;border-radius:0 0 20px 20px}.box-middle{background:var(--color-dark-lighter);padding:20px;border:1px solid var(--color-dark);margin-top:30px;margin-bottom:30px;border-radius:20px}.box-bottom{background:var(--color-dark-lighter);padding:20px;border:1px solid var(--color-dark);margin-top:30px;border-radius:20px 20px 0 0}.header-purple{--left: #7299e6;--right: #72b6e6 }.header-red{--left: #C70039;--right: rgb(199, 0, 106.75) }.header-brown{--left: #814141;--right: #814151 }.header-green{--left: #7adf47;--right: #a0df47 }.header-yellow{--left: #dfac47;--right: #df8647 }.header-pink{--left: #e67299;--right: #e672b6 }.header-orange{--left: #FF5F15;--right: rgb(255, 36.5, 21) }.header-blue{--left: blue;--right: rgb(0, 63.75, 255) }.header-grey{--left: #899499;--right: #899899 }main,.header-accent{--left: #2ca256;--right: rgb(44, 162, 56.5) }.header-info{--left: #4BDDE2;--right: rgb(75, 226, 193.25) }.header-success{--left: #17a82f;--right: rgb(35.25, 168, 23) }.header-warning{--left: #f5c517;--right: rgb(245, 141.5, 23) }.header-error{--left: #f30b46;--right: #f30b80 }.box-ng{border:1px solid var(--color-dark);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:var(--color-dark);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:var(--color-dark-lighter)}footer{display:flex}footer small{font-size:.6em}.copyright{font-size:large;display:inline-table;text-align:left;color:var(--color-subtle)}.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}}button,.button,input[type=button],input[type=submit],input[type=reset],label:has(input[type=radio]),label:has(input[type=checkbox]),.button-info,.button-success,.button-warning,.button-error{margin:5px;font:inherit;display:inline-flex;align-items:center;justify-content:center;background-color:var(--color-dark);border:1px solid var(--color-accent);border-radius:5px;padding:10px;transition:.3s;box-sizing:border-box;cursor:pointer}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:has(input[type=radio]):hover,label:has(input[type=radio]):focus,label:has(input[type=checkbox]):hover,label:has(input[type=checkbox]):focus,.button-info:hover,.button-info:focus,.button-success:hover,.button-success:focus,.button-warning:hover,.button-warning:focus,.button-error:hover,.button-error:focus{color:var(--color-dark)}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:has(input[type=radio]):hover a,label:has(input[type=radio]):focus a,label:has(input[type=checkbox]):hover a,label:has(input[type=checkbox]):focus a,.button-info:hover a,.button-info:focus a,.button-success:hover a,.button-success:focus a,.button-warning:hover a,.button-warning:focus a,.button-error:hover a,.button-error:focus a{color:var(--color-light);text-decoration:underline}button:active,.button:active,input[type=button]:active,input[type=submit]:active,input[type=reset]:active,label:has(input[type=radio]):active,label:has(input[type=checkbox]):active,.button-info:active,.button-success:active,.button-warning:active,.button-error:active{filter:brightness(80%);transition:.1s;outline:none}button:disabled,.button:disabled,input[type=button]:disabled,input[type=submit]:disabled,input[type=reset]:disabled,label:has(input[type=radio]):disabled,label:has(input[type=checkbox]):disabled,.button-info:disabled,.button-success:disabled,.button-warning:disabled,.button-error:disabled{cursor:not-allowed}button:disabled:hover,.button:disabled:hover,input[type=button]:disabled:hover,input[type=submit]:disabled:hover,input[type=reset]:disabled:hover,label:has(input[type=radio]):disabled:hover,label:has(input[type=checkbox]):disabled:hover,.button-info:disabled:hover,.button-success:disabled:hover,.button-warning:disabled:hover,.button-error:disabled:hover{background-color:var(--color-dark);color:var(--color-light)}button:disabled:active,.button:disabled:active,input[type=button]:disabled:active,input[type=submit]:disabled:active,input[type=reset]:disabled:active,label:has(input[type=radio]):disabled:active,label:has(input[type=checkbox]):disabled:active,.button-info:disabled:active,.button-success:disabled:active,.button-warning:disabled:active,.button-error:disabled:active{box-shadow:unset}button,.button,input[type=button],input[type=submit],input[type=reset],label:has(input[type=radio]),label:has(input[type=checkbox]){border-color:var(--color-accent);color:var(--color-accent)}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:has(input[type=radio]):hover,label:has(input[type=radio]):focus,label:has(input[type=checkbox]):hover,label:has(input[type=checkbox]):focus{background-color:var(--color-accent)}button:active,.button:active,input[type=button]:active,input[type=submit]:active,input[type=reset]:active,label:has(input[type=radio]):active,label:has(input[type=checkbox]):active{box-shadow:0 0 0 2px var(--color-dark),0 0 0 3px var(--color-accent-lighter)}button,.button,input[type=button],input[type=submit],input[type=reset],label:has(input[type=radio]),label:has(input[type=checkbox]){color:var(--color-light)}button.primary,.button-primary,input[type=submit]{background-color:var(--color-accent);color:var(--color-dark);outline:2px solid var(--color-accent)}button.primary:hover,button.primary:focus,.button-primary:hover,.button-primary:focus,input[type=submit]:hover,input[type=submit]:focus{background-color:var(--color-accent-lighter)}button.info,.button-info{border-color:var(--color-info);color:var(--color-info)}button.info:hover,button.info:focus,.button-info:hover,.button-info:focus{background-color:var(--color-info)}button.info:active,.button-info:active{box-shadow:0 0 0 2px var(--color-dark),0 0 0 3px var(--color-info-lighter)}button.success,.button-success{border-color:var(--color-success);color:var(--color-success)}button.success:hover,button.success:focus,.button-success:hover,.button-success:focus{background-color:var(--color-success)}button.success:active,.button-success:active{box-shadow:0 0 0 2px var(--color-dark),0 0 0 3px var(--color-success-lighter)}button.warning,.button-warning{border-color:var(--color-warning);color:var(--color-warning)}button.warning:hover,button.warning:focus,.button-warning:hover,.button-warning:focus{background-color:var(--color-warning)}button.warning:active,.button-warning:active{box-shadow:0 0 0 2px var(--color-dark),0 0 0 3px var(--color-warning-lighter)}button.error,.button-error,input[type=reset]{border-color:var(--color-error);color:var(--color-error)}button.error:hover,button.error:focus,.button-error:hover,.button-error:focus,input[type=reset]:hover,input[type=reset]:focus{background-color:var(--color-error)}button.error:active,.button-error:active,input[type=reset]:active{box-shadow:0 0 0 2px var(--color-dark),0 0 0 3px var(--color-error-lighter)}button:has(.icon),.button:has(.icon){display:inline-flex;align-items:center;gap:5px}button>.badge,.button>.badge{margin-left:3px}button:hover>.badge,.button:hover>.badge{background-color:var(--color-dark);color:var(--color-accent);transition:.3s}input[type=checkbox],input[type=radio]{position:relative;appearance:none;padding:8px;margin:0 10px 0 0}input[type=checkbox]:checked,input[type=radio]:checked{background-color:var(--color-accent)}input[type=checkbox]:checked::after,input[type=radio]:checked::after{content:"✔";position:absolute;color:var(--color-dark);transform:translate(-45%, -50%)}input[type=checkbox]:not(:disabled):checked:hover,input[type=radio]:not(:disabled):checked:hover{background-color:var(--color-dark)}input[type=checkbox]:not(:disabled):checked:hover::after,input[type=radio]:not(:disabled):checked:hover::after{color:var(--color-accent)}label>input[type=radio]{border-radius:50%}label:has(input[type=radio]),label:has(input[type=checkbox]){justify-content:flex-start;cursor:pointer}input[type=color]{padding-top:0;padding-bottom:0}input[type=file]{cursor:pointer}.input-group{margin-top:10px;margin-bottom:10px;width:100%;display:flex;gap:15px}.input-group>*{margin:0;width:100%}.input-group>.label,.input-group>label>.label{max-width:25%;min-width:25%;width:25%;font-size:120%;font-weight:bold}.input-group>label:only-child{width:100%;gap:15px;padding-right:0}.input-group>label:only-child>input,.input-group>label:only-child>.input{width:100%}.input-group>.label+.input,.input-group>.label+label{display:flex;gap:8px;flex-direction:row;flex-wrap:wrap}.input-group>.label+.input>*,.input-group>.label+label>*{margin:0;flex:1}.input-group label{display:flex;min-width:fit-content}.input-group label small{color:var(--color-light-darker)}.input-group:has(input[type=submit],input[type=reset]){justify-content:space-between;align-items:flex-end}.input-group>input[type=submit],.input-group>input[type=reset]{width:20%}.input-group>input[type=reset]{align-self:flex-start}.input-group>input[type=submit]{align-self:flex-end}@media only screen and (max-width: 768px){.input-group{flex-direction:row;flex-wrap:wrap;gap:5px}.input-group>label:has(.label){gap:5px;flex-direction:row;flex-wrap:wrap}.input-group>input[type=submit],.input-group>input[type=reset]{width:100%}.input-group>.label,.input-group>label>.label{max-width:unset;min-width:unset;width:unset}.input-group>*{margin-bottom:10px}}input,select,textarea,label:has(input[type=radio]),label:has(input[type=checkbox]){background-color:var(--color-dark);border:1px solid var(--color-accent);border-radius:5px;padding:12px;transition:.3s;box-sizing:border-box}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 var(--color-dark),0 0 0 3px var(--color-accent-lighter);outline:none}label{padding:12px 12px 12px 0;display:inline-flex}label:has(input:disabled){cursor:not-allowed}label>span:has(input[type=range]){display:flex;width:100%;padding:10px;background-color:var(--color-dark);border-radius:5px;border:none;gap:10px}label>span:has(input[type=range])>span{display:flex;justify-content:center;align-items:center;padding:3px 8px;white-space:nowrap;background-color:var(--color-accent);color:var(--color-dark);border-radius:5px}input[type=range]{-webkit-appearance:none;width:100%;height:25px;cursor:text}input[type=range]:hover{background-color:var(--color-accent)}input[type=range]:hover::-webkit-slider-thumb{background-color:var(--color-light);outline:1px solid var(--color-dark)}input[type=range]:hover::-webkit-slider-thumb{background-color:var(--color-light);outline:1px solid var(--color-dark)}input[type=range]:focus{box-shadow:0 0 0 1px var(--color-dark),0 0 0 3px var(--color-accent-lighter);outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:15px;height:25px;background-color:var(--color-accent);cursor:pointer}input[type=range]::-moz-range-thumb{width:15px;height:25px;background-color:var(--color-accent);cursor:pointer}select>option{background-color:var(--color-dark)}select{color:var(--color-light)}input::placeholder,select::placeholder,textarea::placeholder{color:var(--color-subtle)}textarea{resize:vertical;color:var(--color-light)}@media only screen and (max-width: 768px){textarea{min-height:30dvb}}input:disabled{cursor:not-allowed}.input:has(input):has(small) input{margin-bottom:3px}.list{display:grid;gap:40px}.list-2{grid-template-columns:repeat(2, 1fr)}.list-2>:nth-last-child(1):nth-child(2n+1){grid-column:span 2}.list-3{grid-template-columns:repeat(3, 1fr)}.list-3>:nth-last-child(1):nth-child(3n+1){grid-column:span 3}.list-4{grid-template-columns:repeat(4, 1fr)}.list-4>:nth-last-child(1):nth-child(4n+1){grid-column:span 4}.list-4>:nth-last-child(2):nth-child(4n+1){grid-column:span 2}.list-4>:nth-last-child(2):nth-child(4n+2){grid-column:span 2}.list-5{grid-template-columns:repeat(5, 1fr)}.list-5>:nth-last-child(1):nth-child(5n+1){grid-column:span 5}.list-6{grid-template-columns:repeat(6, 1fr)}.list-6>:nth-last-child(1):nth-child(6n+1){grid-column:span 6}.list-6>:nth-last-child(2):nth-child(6n+1){grid-column:span 3}.list-6>:nth-last-child(2):nth-child(6n+2){grid-column:span 3}.list-6>:nth-last-child(3):nth-child(6n+1){grid-column:span 2}.list-6>:nth-last-child(3):nth-child(6n+2){grid-column:span 2}.list-6>:nth-last-child(3):nth-child(6n+3){grid-column:span 2}.list>*{border:solid 2px var(--color-dark);border-radius:5px;padding:20px;display:flex;position:relative}.list>*>h2{margin-top:0}@media only screen and (max-width: 768px){.list{display:block}.list>*{margin-bottom:10px;margin-left:5px;margin-right:5px}}.list>.selectable{cursor:pointer}.list>.selectable.active,.list>.selectable:hover{box-shadow:0 0 0 1px var(--color-dark),0 0 0 3px var(--color-accent-lighter);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:var(--color-dark);border:1px solid var(--color-accent);border-radius:5px;text-align:center;padding:10px;color:var(--color-light)}.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:var(--color-dark-lighter)}::-webkit-scrollbar-thumb{transition:.3s;background-color:var(--color-hover)}::-webkit-scrollbar-thumb:hover{background-color:hsla(0,0%,100%,.13)}table{width:100%;border:1px solid var(--color-dark);border-collapse:collapse}table th,table td{border:1px solid var(--color-dark);padding:10px}table th{text-align:left;background-color:var(--color-accent);color:var(--color-dark);font-weight:bold}table tr:hover td{background-color:var(--color-hover)}.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{width:220px;height:220px}.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{display:flex;justify-content:center;align-items:center;gap:20px}@media only screen and (max-width: 1000px){.about-me-content{flex-direction:column}.about-me-text h1,.about-me-text h2,.about-me-text h3{text-align:center}.about-me-text>div>div{display:flex;justify-content:center}}@media only screen and (max-width: 768px){.about-me-text{width:100%;text-align:center}.logo-container{margin:auto;display:block}}.icon{width:30px;height:30px;display:inline-block;fill:var(--color-accent) !important}.popper{position:relative;display:inline-block}.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 !important;align-items:center}img.icon{transition:.3s;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{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;gap:30px}.project .favicon{width:180px;height:180px;border-radius:5px}.project .content{display:flex;flex-direction:column;width:100%}.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}.list>*{margin-bottom:10px}}.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}