@font-face{font-family:Google Sans;src:url(/fonts/GoogleSans-Regular.ttf);font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Crystal Symphony;src:url(/fonts/CrystalSymphony.ttf)}@font-face{font-family:Nothing;src:url(/fonts/Nothing.ttf)}@font-face{font-family:Cyber;src:url(/fonts/Cyber.otf)}@font-face{font-family:Minecraft;src:url(/fonts/Minecraft.ttf)}@font-face{font-family:MinecraftH;src:url(/fonts/MinecraftH.ttf)}@font-face{font-family:MinecraftHR;src:url(/fonts/MinecraftHR.ttf)}@font-face{font-family:Tilda Sans;src:url(/fonts/TildaSans.ttf)}:root{--title-color: rgb(38, 38, 38);--text-color: rgb(51, 51, 51);--background-color: rgb(255, 255, 255);--primary-color: rgb(83, 124, 142);--secondary-color: rgb(183, 201, 250);--accent-color: rgb(83, 106, 142);--shadow-color: rgb(17, 17, 17);--invert: 0}.light-theme{--title-color: rgb(38, 38, 38);--text-color: rgb(51, 51, 51);--background-color: rgb(255, 255, 255);--primary-color: rgb(83, 124, 142);--secondary-color: rgb(183, 201, 250);--accent-color: rgb(83, 106, 142);--shadow-color: rgb(17, 17, 17);--invert: 0}.dark-theme{--title-color: rgb(255, 255, 255);--text-color: rgb(235, 235, 235);--background-color: rgb(13, 17, 23);--primary-color: rgb(100, 140, 160);--secondary-color: rgb(130, 145, 180);--accent-color: rgb(105, 125, 160);--shadow-color: rgb(0, 0, 0);--invert: .7}:root{--small_length: 2rem;--smaller_length: 1.4142135624rem;--small_margin: 16px;--border_radius: 8px;--p: 1.1rem;--h1: 3.5rem;--h2: 2.9166666667rem;--h3: 2.4822695035rem;--h4: 2.1584952205rem;--h5: 1.9186624182rem;--h6: 1.744238562rem;--scrollbar_width: 10px;--scrollbar_height: 6.6666666667px;--transition_time: .1s;--faint_opacity: .5;--smartphone_width: 500px;--main-font: "Google Sans";--code-font: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;--handwritten-font: "Crystal Symphony"}html,body{height:100dvh;width:100dvw;margin:0;padding:0}body{-webkit-tap-highlight-color:transparent;-moz-tap-highlight-color:transparent;-ms-tap-highlight-color:transparent;-o-tap-highlight-color:transparent;tap-highlight-color:transparent;background-color:var(--background-color)!important;color:var(--text-color)!important}body *{font-family:var(--main-font)}body h1,body h2,body h3,body h4,body h5,body h6{color:var(--title-color);font-weight:500!important}body h1{font-size:3.5rem}body h2{font-size:2.9166666667rem}body h3{font-size:2.4822695035rem}body h4{font-size:2.1584952205rem}body h5{font-size:1.9186624182rem}body h6{font-size:1.744238562rem}body p{font-size:var(--p)}body a{color:var(--primary-color);font-size:var(--p);text-decoration:none;font-weight:600}body a:active{color:var(--accent-color)}body img{-webkit-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none;pointer-events:none}body pre *{font-family:var(--code-font)!important}.small-loading-text{background:linear-gradient(90deg,var(--text-color),var(--title-color),var(--text-color),var(--title-color));background-size:300% 100%;animation:gradient-animation-right 2s linear infinite;height:var(--p);border-radius:calc(var(--p) / 2);opacity:calc(var(--faint_opacity) / 2)}.medium-loading-text{background:linear-gradient(90deg,var(--text-color),var(--title-color),var(--text-color),var(--title-color));background-size:300% 100%;animation:gradient-animation-right 2s linear infinite;height:calc(var(--p) * 1.5);border-radius:calc(var(--p) * 1.5 / 2);opacity:calc(var(--faint_opacity) / 2)}.large-loading-text{background:linear-gradient(90deg,var(--text-color),var(--title-color),var(--text-color),var(--title-color));background-size:300% 100%;animation:gradient-animation-right 2s linear infinite;height:calc(var(--p) * 2);border-radius:calc(var(--p) * 2 / 2);opacity:calc(var(--faint_opacity) / 2)}.loading-window{height:100dvh;width:100dvw;top:0;left:0;position:fixed;display:flex;justify-content:center;align-items:center;background:#fff;z-index:99999}.loading-window.loaded{animation:loaded .5s forwards}@keyframes loaded{0%{opacity:1}99%{opacity:0}to{opacity:0;display:none}}.business-card{margin:auto;flex:0 0 auto;width:var(--smartphone_width);aspect-ratio:3.5/2;perspective:1000px;transform-style:preserve-3d}.business-card .small-loading-text{background:linear-gradient(90deg,#333,#537c8e,#333,#537c8e);background-size:300% 100%;animation:gradient-animation-right 2s linear infinite;height:var(--p);border-radius:calc(var(--p) / 2);opacity:calc(var(--faint_opacity) / 2)}.business-card .medium-loading-text{background:linear-gradient(90deg,#333,#537c8e,#333,#537c8e);background-size:300% 100%;animation:gradient-animation-right 2s linear infinite;height:calc(var(--p) * 1.5);border-radius:calc(var(--p) * 1.5 / 2);opacity:calc(var(--faint_opacity) / 2)}.business-card .large-loading-text{background:linear-gradient(90deg,#333,#537c8e,#333,#537c8e);background-size:300% 100%;animation:gradient-animation-right 2s linear infinite;height:calc(var(--p) * 2);border-radius:calc(var(--p) * 2 / 2);opacity:calc(var(--faint_opacity) / 2)}.business-card .inner{border-radius:10px;box-shadow:0 0 20px #0003;position:relative;width:100%;height:100%;transform-style:preserve-3d;animation:loading-card 10s ease-in-out infinite alternate}.business-card .inner>div{position:absolute;width:100%;height:100%;backface-visibility:hidden;background-size:cover;border-radius:10px;display:flex}.business-card .inner>div>div{width:50%;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center}.business-card .inner .front{background-color:#fff;background-size:cover}.business-card .inner .front .left .icon{width:55%;margin:var(--small_margin) 0}.business-card .inner .front .left .text{width:40%}.business-card .inner .front .left .text .small-loading-text{margin:var(--small_margin) 0}.business-card .inner .front .left .text .small-loading-text:nth-child(1),.business-card .inner .front .left .text .small-loading-text:nth-child(3){transform:translate(-10%)}.business-card .inner .front .left .text .small-loading-text:nth-child(2){transform:translate(10%)}.business-card .inner .front hr{background-color:#000;height:90%;width:3px;margin:auto;border-radius:2px}.business-card .inner .front .right .text{display:flex;flex-wrap:wrap;justify-content:space-between;width:65%}.business-card .inner .front .right .text .medium-loading-text{width:40%;margin:var(--small_margin) 0}.business-card .inner .front .right .text .medium-loading-text:nth-child(1){width:100%}.business-card .inner .front .right .text .medium-loading-text:nth-child(2){width:calc(var(--p) * 1.5);border-radius:50%}.business-card .inner .front .right .text .medium-loading-text:nth-child(3){width:calc(100% - var(--p) * 1.5 - var(--small_margin))}.business-card .inner .front .right .text .medium-loading-text:nth-child(4){width:80%}.business-card .inner .back{padding-top:5%;background-color:#fff;background-image:url(/images/logo.svg);background-size:12% auto;background-repeat:no-repeat;background-position:center top 10%;transform:rotateY(180deg)}.business-card .inner .back .left .text{display:flex;flex-wrap:wrap;justify-content:space-between;width:65%}.business-card .inner .back .left .text .medium-loading-text{width:40%;margin-bottom:15%}.business-card .inner .back .left .text .medium-loading-text:nth-child(1){width:100%}.business-card .inner .back .left .text .medium-loading-text:nth-child(2){width:var(--small-length);border-radius:50%}.business-card .inner .back .left .text .medium-loading-text:nth-child(3){width:85%}.business-card .inner .back .left .text .medium-loading-text:nth-child(4){width:80%}.business-card .inner .back .right .text{display:flex;flex-wrap:wrap;justify-content:space-between;width:65%}.business-card .inner .back .right .text .medium-loading-text{width:40%;margin-bottom:15%}.business-card .inner .back .right .text .medium-loading-text:nth-child(1){width:100%}.business-card .inner .back .right .text .medium-loading-text:nth-child(2){width:var(--small-length);border-radius:50%}.business-card .inner .back .right .text .medium-loading-text:nth-child(3){width:85%}.business-card .inner .back .right .text .medium-loading-text:nth-child(4){width:var(--small-length);border-radius:50%}.business-card .inner .back .right .text .medium-loading-text:nth-child(5){width:75%}@media screen and (max-width: 500px){.business-card{width:var(--smartphone_width)!important;transform:scale(.5)}:root{--scrollbar_height: 0px}}@media screen and (min-width: 500px){::-webkit-scrollbar{width:var(--scrollbar_width);height:var(--scrollbar_height)}::-webkit-scrollbar-track{background:var(--prompt-color);border-radius:calc(var(--scrollbar_width) / 2)}::-webkit-scrollbar-thumb{background:#888;border-radius:calc((var(--scrollbar_width)) / 2);border:calc(var(--scrollbar_width) / 5) solid var(--prompt-color)}::-webkit-scrollbar-thumb:hover{background:#555}}.fade-enter{background-color:var(--background-color);opacity:0}.fade-enter-active{opacity:1;transition:opacity .3s}.fade-exit{background-color:var(--background-color);opacity:1}.fade-exit-active{opacity:0;transition:opacity .3s}.scroll-to-enter{background-color:var(--background-color);transform:translateY(100%)}.scroll-to-enter-active{transform:translateY(0);transition:transform .3s}.scroll-to-exit{background-color:var(--background-color);transform:translateY(0)}.scroll-to-exit-active{transform:translateY(-100%);transition:transform .3s}:root{--navbar_width: calc(var(--small_length) + 2 * var(--small_margin))}nav{position:relative;top:0;left:0;height:100%;-webkit-width:fit-content;-moz-width:-moz-fit-content;-ms-width:fit-content;-o-width:fit-content;width:fit-content;padding:var(--small_margin);display:flex;flex-direction:column;justify-content:space-between;align-items:center;background-color:var(--background-color)}nav ul{display:flex;flex-direction:column;align-items:center;list-style:none;gap:var(--small_margin);padding:0;margin:0}nav ul li{-webkit-width:fit-content;-moz-width:-moz-fit-content;-ms-width:fit-content;-o-width:fit-content;width:fit-content}nav ul li a{cursor:pointer;font-size:var(--small_length);color:var(--text-color);opacity:var(--faint_opacity);transition-duration:var(--transition_time)}nav ul li a:active{color:currentColor;opacity:1}nav ul li a.active{font-size:calc(var(--small_length) * 1.1);color:var(--primary-color);transform:scale(120);opacity:1;pointer-events:none}nav .Logo{width:calc(var(--small_length) * 1.5)!important;height:auto!important;padding:0!important;margin:0!important}.Logo{filter:invert(var(--invert))}.WorldMapHistory path:nth-child(1){fill:var(--text-color)!important}.WorldMapHistory path:nth-child(2){fill:var(--text-color)!important;opacity:var(--faint_opacity)}@keyframes loading-gradient{0%{background-position:100% 0}to{background-position:0 0}}@keyframes loading-card{0%{transform:rotate3d(-1,-1,0,5deg)}33%{transform:rotate3d(1,1,0,5deg)}66%{transform:rotate3d(1,-1,0,5deg)}to{transform:rotate3d(-1,1,0,5deg)}}@keyframes loaded-card{0%{transform:rotate3d(0)}to{transform:rotate3d(0,-1,0,180deg)}}.card{width:100%;height:100%;padding:var(--small_margin);padding-left:0;overflow-y:scroll!important;display:grid;-moz-column-gap:var(--small_margin);column-gap:var(--small_margin);grid-template-columns:500px auto;grid-template-rows:100% auto}.card .image{position:relative;width:100%;aspect-ratio:1;border-radius:var(--border_radius)}.card .image:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%!important;border-radius:var(--border_radius);background:linear-gradient(90deg,var(--primary-color),var(--secondary-color),var(--primary-color),var(--secondary-color));background-size:300% 100%;animation:gradient-animation-right 2s linear infinite;height:auto;opacity:calc(var(--faint_opacity) / 2)}@keyframes gradient-animation-left{0%{background-position:0% 0%}to{background-position:100% 0%}}@keyframes gradient-animation-right{0%{background-position:100% 0%}to{background-position:0% 0%}}.card .image img{width:100%;border-radius:var(--border_radius);opacity:0}.card .image.loaded{aspect-ratio:auto!important;background:none}.card .image.loaded:before{transition:opacity .5s;opacity:0}.card .image.loaded img{transition:opacity .5s;opacity:1}.card .image-with-info{width:100%;height:100%;position:relative;border-radius:var(--border_radius);box-shadow:var(--shadow-color) 0 0 calc(var(--small_margin) / 2) 0 inset;overflow:hidden}.card .image-with-info .cover{position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.card .image-with-info .overlay{width:100%;position:absolute;bottom:0;padding:var(--small_margin);display:flex;flex-direction:column;align-items:center;background:linear-gradient(0deg,var(--background-color),transparent)}.card .image-with-info .overlay>*{-webkit-width:fit-content;-moz-width:-moz-fit-content;-ms-width:fit-content;-o-width:fit-content;width:fit-content;margin:0;border:solid 0px var(--text-color);border-radius:.5rem}.card .image-with-info .overlay .name{font-family:var(--handwritten-font)!important}.card .image-with-info .overlay .type{font-weight:550}.card .image-with-info .overlay .social-links{list-style:none;padding:0;margin:0;display:flex;gap:var(--small_margin);flex-direction:row}.card .image-with-info .overlay .social-links li{cursor:pointer}.card .info .title{margin:0}.card .info .pre-title{opacity:var(--faint_opacity);display:inline-block}.card .info .pre-title,.card .info .pre-title *{-webkit-width:fit-content;-moz-width:-moz-fit-content;-ms-width:fit-content;-o-width:fit-content;width:fit-content}.card .info .description{font-size:var(--p)}.card .info pre{width:100%;border-radius:calc(var(--border_radius) / 2);overflow:hidden}.card .info pre .code-container{padding:0;overflow:hidden;transition:height var(--transition_time)}.card .info pre .code-title{width:100%;margin:0;padding:0 var(--small_margin);font-size:var(--p);-webkit-backdrop-filter:invert(.2);-moz-backdrop-filter:invert(.2);-o-backdrop-filter:invert(.2);backdrop-filter:invert(.2)}.card .info pre .close-code{height:calc(var(--p) * 1.5);display:flex;align-items:center;justify-content:center;text-align:center;color:var(--text-color)!important;-webkit-backdrop-filter:invert(.45);-moz-backdrop-filter:invert(.45);-o-backdrop-filter:invert(.45);backdrop-filter:invert(.45);transition:opacity transform var(--transition_time)}.card .info pre .close-code:active{opacity:var(--faint_opacity)}.card .info pre .close-code input{position:absolute;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.card .info pre .close-code input:checked+.close-code-text{transform:rotate(180deg)}.card .info pre .close-code .close-code-text{display:block;height:calc(var(--p) * 1.1);pointer-events:none}.card .info pre .close-code .close-code-text:after{content:"^";font-size:calc(var(--p) * 1.1);line-height:normal}.card .info hr{border-color:var(--text-color);opacity:.5}.card .info .console-output,.card .info .console-output *{font-family:var(--code-font)!important}.card .info span.highlight{background-color:#ffff0040}.card *[class*=fa]{font-size:calc(var(--p) * 1.5)}.card *[class*=fa].fa-html5{color:#e34f26}.card *[class*=fa].fa-css3-alt{color:#2965f1}.card *[class*=fa].fa-sass{color:#c69}.card *[class*=fa].fa-square-js{color:#f0db4f}.card *[class*=fa].fa-angular{color:#dd0031}.card *[class*=fa].fa-react{color:#61dafb}.card *[class*=fa].fa-node-js{color:#689f63}.card *[class*=fa].fa-python{color:#4584b6}.card *[class*=fa].fa-r-project{color:#75aadb}.card *[class*=fa].fa-php{color:#8993be}.card *[class*=fa].fa-java{color:#3e7cc0}.card *[class*=fa].fa-leaf{color:#4faa41}.card *[class*=fa].fa-fire-flame-curved{color:#ffca28}.card *[class*=fa].fa-database{color:#1274cc}.card *[class*=fa].fa-aws{color:#f90}.card *[class*=fa].fa-docker{color:#2496ed}.card *[class*=fa].fa-linux{color:#2796b6}.card *[class*=fa].fa-windows{color:#0078d7}.card *[class*=fa].fa-heart{color:#e63946}.card *[class*=fa].fa-hourglass-start{color:#f4a261}.card *[class*=fa].fa-rocket{color:#2a9d8f}.card *[class*=fa].fa-grin-beam{color:#e9c46a}.card *[class*=fa].fa-users{color:#457b9d}.card *[class*=fa].fa-wrench{color:#8d99ae}.card *[class*=fa].fa-lightbulb{color:#fca311}.card *[class*=fa].fa-comments{color:#ffb703}.card *[class*=fa].fa-person-walking-arrow-right{color:#2b2d42}.card *[class*=fa].fa-list-check{color:#8ac926}.card *[class*=fa].fa-clock{color:#00b4d8}.card *[class*=fa].fa-magnifying-glass{color:#f48c06}.card *[class*=fa].fa-person-running{color:#ff0054}.card *[class*=fa].fa-bullseye{color:#264653}.card *[class*=fa].fa-graduation-cap{color:#5e60ce}.card *[class*=fa].fa-shield-halved{color:#06d6a0}.card.about .WorldMapHistory{width:100%;height:auto}.card.resume .skill-description{width:100%;height:calc((var(--p) + 8px) * 3 + var(--small_margin) * 2);overflow:auto;-webkit-backdrop-filter:invert(.05);-moz-backdrop-filter:invert(.05);-o-backdrop-filter:invert(.05);backdrop-filter:invert(.05);border-radius:var(--border_radius);padding:var(--small_margin);margin-bottom:var(--small_margin);font-family:var(--code-font)}.card.resume .skill-description>*{margin:0;padding:0;display:inline}.card.resume table.skills-table{width:100%;border-collapse:collapse}.card.resume table.skills-table th{text-decoration:underline}.card.resume table.skills-table td,.card.resume table.skills-table th{padding:5px;text-align:center}.card.resume table.skills-table thead tr{-webkit-backdrop-filter:invert(.025);-moz-backdrop-filter:invert(.025);-o-backdrop-filter:invert(.025);backdrop-filter:invert(.025)}.card.resume table.skills-table tbody tr:nth-child(2n){-webkit-backdrop-filter:invert(.025);-moz-backdrop-filter:invert(.025);-o-backdrop-filter:invert(.025);backdrop-filter:invert(.025)}.card.resume table.skills-table tbody tr:nth-child(odd){-webkit-backdrop-filter:invert(.05);-moz-backdrop-filter:invert(.05);-o-backdrop-filter:invert(.05);backdrop-filter:invert(.05)}.card.resume table.skills-table .skills{padding:0;list-style:none;display:flex;justify-content:center;align-items:center;gap:calc(var(--small_margin) * 1.5);flex-wrap:wrap}.card.resume table.skills-table .skills>*{cursor:default;transition:transform var(--transition_time) ease-out}.card.resume table.skills-table .skills>* *[class*=fa]{transition:color var(--transition_time) ease-out}.card.resume table.skills-table .skills>*:not(:hover) *[class*=fa]{color:var(--text-color)}.card.resume table.skills-table .skills>*:hover{transform:scale(1.2)}.card.projects .projects{display:flex;flex-wrap:wrap;gap:var(--small_margin)}.card.projects .projects .project{width:250px;height:auto;transition:transform var(--transition_time) ease-in-out}.card.projects .projects .project>*{padding:var(--small_margin);display:flex;gap:var(--small_margin);flex-direction:column;align-items:center;justify-content:space-around;font-weight:400;color:var(--text-color)!important;border:1px solid gray;border-radius:var(--border_radius);overflow:hidden}.card.projects .projects .project>* *{margin:0}.card.projects .projects .project>* hr{width:100%}.card.projects .projects .project>* .project-cover{border-radius:var(--border_radius)}.card.projects .projects .project>* .project-cover img{width:100%}.card.projects .projects .project>* .project-name{display:none}.card.projects .projects .project>* .project-description{width:100%;display:-webkit-box;-webkit-box-orient:vertical;-ms-box-orient:vertical;-o-box-orient:vertical;box-orient:vertical;-webkit-line-clamp:2;-moz-line-clamp:2;-ms-line-clamp:2;-o-line-clamp:2;line-clamp:2;overflow:hidden;text-overflow:ellipsis;opacity:var(--faint_opacity);transition:var(--transition_time)}@media (hover: hover){.card.projects .projects .project:hover:not(:active){transform:scale(.95)}}@media (hover: none){.card.projects .projects .project:active{transform:scale(.95)}}.card.projects .projects .project:active .project-description{opacity:1}.card.project .screenshots{max-width:1920px;position:relative;margin-bottom:var(--small_margin);border-radius:var(--border_radius)}.card.project .screenshots .screenshots-container{width:100%;padding:0;margin:0;display:flex;flex-wrap:nowrap;overflow-x:scroll;scroll-snap-type:x mandatory}.card.project .screenshots .screenshot{flex-shrink:0;aspect-ratio:16/9;scroll-snap-align:start;-webkit-scroll-snap-stop:always;-moz-scroll-snap-stop:always;-ms-scroll-snap-stop:always;-o-scroll-snap-stop:always;scroll-snap-stop:always}.card.project .screenshots .screenshot img{width:100%;height:auto}.card.project .screenshots #scroll-left,.card.project .screenshots #scroll-right{position:absolute;cursor:pointer;z-index:100;background:linear-gradient(135deg,#ffffff1a,#fff0);-webkit-backdrop-filter:blur(10px) brightness(100%);-moz-backdrop-filter:blur(10px) brightness(100%);-o-backdrop-filter:blur(10px) brightness(100%);backdrop-filter:blur(10px) brightness(100%);border-radius:20px;border:1px solid rgba(255,255,255,.18);box-shadow:0 5px 10px #0000005e;padding:10px;top:50%;transform:translateY(-50%);color:var(--text-color);background-color:var(--background-color);border-radius:var(--border_radius);border:none;transition:opacity var(--transition_time)}.card.project .screenshots #scroll-left:active,.card.project .screenshots #scroll-right:active{opacity:var(--faint_opacity)}.card.project .screenshots #scroll-left{left:10px}.card.project .screenshots #scroll-left:before{content:"<"}.card.project .screenshots #scroll-right{right:10px}.card.project .screenshots #scroll-right:before{content:">"}.card.education .education .education-years{opacity:var(--faint_opacity)}.card.certificates .education .certificates{display:flex;flex-wrap:wrap;gap:var(--small_margin)}.card.certificates .education .certificates .certificate{width:500px;height:auto;transition:transform var(--transition_time) ease-in-out}.card.certificates .education .certificates .certificate>*{padding:var(--small_margin);display:flex;gap:var(--small_margin);flex-direction:column;justify-content:space-around;font-weight:400;color:var(--text-color)!important;border:1px solid gray;border-radius:var(--border_radius)}.card.certificates .education .certificates .certificate>* *{margin:0}.card.certificates .education .certificates .certificate>* hr{width:100%}.card.certificates .education .certificates .certificate>* p{opacity:var(--faint_opacity);margin:0}@media (hover: hover){.card.certificates .education .certificates .certificate:hover:not(:active){transform:scale(.975)}}@media (hover: none){.card.certificates .education .certificates .certificate:active{transform:scale(.975)}}.card.certificates .education .certificates .certificate:active{cursor:default}.card.contact .contact-links{display:flex;gap:var(--small_margin);list-style:none;padding:0;margin:0;flex-wrap:wrap}.card.contact .contact-links .interactive-link>*:nth-child(2){display:none}.card.contact .contact-links .interactive-link:active>*:nth-child(1){display:none}.card.contact .contact-links .interactive-link:active>*:nth-child(2){display:inline}.card.contact .contact-form{width:min(100%,500px);display:flex;flex-direction:column;gap:calc(var(--p) / 2)}.card.contact .contact-form>*{width:100%!important}.card.contact .contact-form>*:not(label){height:calc(var(--p) * 2);width:500px;min-height:calc(var(--p) * 2);padding:calc(var(--p) / 2)!important;margin:0!important;background-color:var(--background-color);color:var(--text-color);border:1px solid gray;border-radius:var(--border_radius);line-height:calc(var(--p) / 2)}.card.contact .contact-form>label{margin-left:calc(var(--p) / 2)}.card.contact .contact-form>textarea{height:calc(var(--p) * 2 * 2);max-height:30dvh;resize:vertical;line-height:initial}.card.contact .contact-form>button[type=submit]{background-color:transparent;-webkit-backdrop-filter:invert(.1);-moz-backdrop-filter:invert(.1);-o-backdrop-filter:invert(.1);backdrop-filter:invert(.1);transition:-webkit-backdrop-filter var(--transition_time) ease-in-out;transition:backdrop-filter var(--transition_time) ease-in-out;transition:backdrop-filter var(--transition_time) ease-in-out,-webkit-backdrop-filter var(--transition_time) ease-in-out;border:none;cursor:pointer}.card.contact .contact-form>button[type=submit]:active{transition:background-color var(--transition_time) ease-in-out;background-color:var(--accent-color)}@media screen and (max-width: 1000px){:root{--small_length: 1.5rem}.card{grid-template-columns:100%;grid-template-rows:fit-content(100%) auto}.card .image-with-info{height:calc(50dvh - var(--small_margin))}.card .info .projects,.card .info .certificates{justify-content:center}.card .info .certificates .certificate{width:90%!important}.card.project .screenshots #scroll-left,.card.project .screenshots #scroll-right{display:none}.card pre{font-size:x-small}}#root{position:fixed;top:0;left:0;width:100dvw;height:100dvh;display:flex}