@font-face{font-family:spartan;src:url(/assets/LeagueSpartan-Bold-BHcmOItw.otf)}:root{--link-underline-padding: .5em;--personal-photo-dimensions: 38vw;--highlight-elements-color: rgba(203, 96, 80);--mobile-menu-icon-dimensions: 30px}.app{font-family:spartan}html,body{overflow-x:hidden;width:100%;position:relative}html{scroll-behavior:smooth}body{font-family:spartan;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;overflow-x:hidden;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;display:flex;place-items:center;justify-content:center;min-width:320px;min-height:100vh;color:#fff;background-color:#121c25}.no-scroll{overflow-y:hidden;touch-action:none;width:100%}.links li a:hover:after,.hoverable-link:hover:after{width:calc(100% + var(--link-underline-padding) * 2)}.home,.about,.projects{scroll-margin-top:7em;margin-top:5em}button{width:10em;height:4em;font-size:1em;font-family:sans-serif;font-weight:700;cursor:pointer;border-radius:10px;transition:background-color .3s ease-in-out}.highlight{color:var(--highlight-elements-color)}h4{font-family:spartan;display:flex}p{font-family:sans-serif;line-height:2em}.horizontal-divider{width:90vw;height:3px;background-color:var(--highlight-elements-color);border:none}.vertical-line{width:4px;height:60px;background-color:var(--highlight-elements-color)}.hoverable-link{display:block;text-decoration:none;color:var(--highlight-elements-color);margin-top:.2em}.hoverable-link:after{background-color:var(--highlight-elements-color);content:"";display:block;height:.1em;margin-left:calc(var(--link-underline-padding) * -1);margin-top:.2em;transition:width .3s;width:0}.top-navbar{display:flex;justify-content:space-around;align-items:center;min-height:4em;position:fixed;top:0;left:0;width:100vw;height:4em;padding:1em 0;background-color:#121c25;z-index:1000}.top-navbar h2{font-family:spartan;font-size:2em;line-height:1.1;align-self:center;color:#fff;text-shadow:1px 1px 3px rgb(64,64,64)}.top-navbar>.links{display:flex;align-items:center;gap:3em}.links li{list-style:none}.links li a{text-decoration:none;color:#fff}.links li a:after{background-color:#fff;content:"";display:block;height:.1em;margin-left:calc(var(--link-underline-padding) * -1);margin-top:.2em;transition:width .3s;width:0}.mobile-menu{align-self:flex-start;width:50vw;height:35vh;display:flex;align-items:flex-start;justify-content:flex-start;position:absolute;right:calc(-50vw + (var(--mobile-menu-icon-dimensions) + 40px));transition:all .2s ease-in-out;z-index:999;border-bottom-left-radius:10px}.mobile-menu img{width:var(--mobile-menu-icon-dimensions);height:var(--mobile-menu-icon-dimensions);margin:.7em;cursor:pointer}.mobile-menu.active{transform:translate(calc(-50vw + (var(--mobile-menu-icon-dimensions) + 40px)));background-color:#121c25}.mobile-menu .links{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-around;justify-self:center;margin:0}.blur{width:100vw;height:100vh;position:fixed;top:6em;background-color:#0000008c;z-index:998;opacity:0;visibility:hidden;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:opacity .3s ease,visibility .3s ease}.blur.is-active{opacity:1;visibility:visible}.desktop-presentation{width:100%;display:flex;align-items:center;justify-content:space-between}.desktop-presentation .personal-info{display:flex;flex-direction:column}.desktop-presentation .hello-span,.desktop-presentation .personal-role{font-size:2em;margin-left:3em}.desktop-presentation span{display:block}.desktop-presentation .personal-name{font-family:sans-serif;display:flex;font-size:1.7em;margin:1.2em 0}.desktop-presentation .personal-name:before,.projects h4:before{background-color:var(--highlight-elements-color);align-self:flex-end;margin:0 .3em .3em;content:"";height:.1em;width:6em}.desktop-presentation img{width:var(--personal-photo-dimensions);height:calc(var(--personal-photo-dimensions) - 7vw);justify-self:end}.desktop-presentation .info-buttons{display:flex;justify-content:space-evenly;margin:2em 0 0 5.5em}.info-buttons .resume-btn{background-color:transparent;border:2px solid var(--highlight-elements-color)}.info-buttons .resume-btn:hover{background-color:#1c2c39}.info-buttons .contact-me-btn,.submit-form-btn{background-color:var(--highlight-elements-color);border:2px solid rgb(137,137,137);color:#282828}.info-buttons .contact-me-btn:hover,.submit-form-btn:hover{background-color:#ce3838}.skills-list{font-family:sans-serif;width:100vw;background-color:#1a2936;height:4em;display:flex;align-items:center}.skills-list ul{width:100%;display:flex;justify-content:space-evenly;align-items:center;margin:0;list-style:none;color:#555;font-weight:700}.about{margin:2em 0;display:flex;justify-content:space-around;align-items:center}@media(max-width:500px){.about{display:flex;flex-direction:column-reverse}.about .services,.about .about-me-section{width:80%!important}}.about .services{display:flex;justify-content:space-evenly;align-items:center;width:40%}.about .services .services-description{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:20px;height:212px}.about .services .services-description span{margin-left:30px;display:flex;align-items:center;justify-content:center;gap:20px}.timeline-container{display:flex;flex-direction:column;align-items:center;width:20px}.timeline-segment{display:flex;flex-direction:column;align-items:center;width:100%}.dot{width:8px;height:8px;background-color:var(--highlight-elements-color);border-radius:50%;margin:4px 0}.about .about-me-section{width:40%;text-align:center}[data-rmiz-ghost]{position:absolute;pointer-events:none}[data-rmiz-btn-zoom],[data-rmiz-btn-unzoom]{background-color:#000000b3;border-radius:50%;border:none;box-shadow:0 0 1px #ffffff80;color:#fff;height:40px;margin:0;outline-offset:2px;padding:9px;touch-action:manipulation;width:40px;-webkit-appearance:none;-moz-appearance:none;appearance:none}[data-rmiz-btn-zoom]:not(:focus):not(:active){position:absolute;clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;pointer-events:none;white-space:nowrap;width:1px}[data-rmiz-btn-zoom]{position:absolute;inset:10px 10px auto auto;cursor:zoom-in}[data-rmiz-btn-unzoom]{position:absolute;inset:20px 20px auto auto;cursor:zoom-out;z-index:1}[data-rmiz-content=found] img,[data-rmiz-content=found] svg,[data-rmiz-content=found] [role=img],[data-rmiz-content=found] [data-zoom]{cursor:zoom-in}[data-rmiz-modal]::backdrop{display:none}[data-rmiz-modal][open]{position:fixed;width:100vw;width:100dvw;height:100vh;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:transparent;overflow:hidden;pointer-events:all}[data-rmiz-modal-overlay]{position:absolute;inset:0;transition:background-color .3s}[data-rmiz-modal-overlay=hidden]{background-color:#fff0}[data-rmiz-modal-overlay=visible]{background-color:#fff}[data-rmiz-modal-content]{position:relative;width:100%;height:100%}[data-rmiz-modal-img]{position:absolute;cursor:zoom-out;image-rendering:high-quality;transform-origin:top left;transition:transform .3s}@media(prefers-reduced-motion:reduce){[data-rmiz-modal-overlay],[data-rmiz-modal-img]{transition-duration:.01ms!important}}.carousel{position:relative}.carousel.pointer-event{touch-action:pan-y}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-inner:after{display:block;clear:both;content:""}.carousel-item{position:relative;display:none;float:left;width:100%;margin-right:-100%;backface-visibility:hidden;transition:transform .6s ease-in-out}@media(prefers-reduced-motion:reduce){.carousel-item{transition:none}}.carousel-item.active,.carousel-item-next,.carousel-item-prev{display:block}.carousel-item-next:not(.carousel-item-start),.active.carousel-item-end{transform:translate(100%)}.carousel-item-prev:not(.carousel-item-end),.active.carousel-item-start{transform:translate(-100%)}.carousel-fade .carousel-item{opacity:0;transition-property:opacity;transform:none}.carousel-fade .carousel-item.active,.carousel-fade .carousel-item-next.carousel-item-start,.carousel-fade .carousel-item-prev.carousel-item-end{z-index:1;opacity:1}.carousel-fade .active.carousel-item-start,.carousel-fade .active.carousel-item-end{z-index:0;opacity:0;transition:opacity 0s .6s}@media(prefers-reduced-motion:reduce){.carousel-fade .active.carousel-item-start,.carousel-fade .active.carousel-item-end{transition:none}}.carousel-control-prev,.carousel-control-next{position:absolute;top:0;bottom:0;z-index:1;display:flex;align-items:center;justify-content:center;width:15%;padding:0;color:#fff;text-align:center;background:none;filter:var(--bs-carousel-control-icon-filter);border:0;opacity:.5;transition:opacity .15s ease}@media(prefers-reduced-motion:reduce){.carousel-control-prev,.carousel-control-next{transition:none}}.carousel-control-prev:hover,.carousel-control-prev:focus,.carousel-control-next:hover,.carousel-control-next:focus{color:#fff;text-decoration:none;outline:0;opacity:.9}.carousel-control-prev{left:0}.carousel-control-next{right:0}.carousel-control-prev-icon,.carousel-control-next-icon{display:inline-block;width:2rem;height:2rem;background-repeat:no-repeat;background-position:50%;background-size:100% 100%}.carousel-control-prev-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0'/%3e%3c/svg%3e")}.carousel-control-next-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e")}.carousel-indicators{position:absolute;right:0;bottom:0;left:0;z-index:2;display:flex;justify-content:center;padding:0;margin-right:15%;margin-bottom:1rem;margin-left:15%}.carousel-indicators [data-bs-target]{box-sizing:content-box;flex:0 1 auto;width:30px;height:3px;padding:0;margin-right:3px;margin-left:3px;text-indent:-999px;cursor:pointer;background-color:var(--bs-carousel-indicator-active-bg);background-clip:padding-box;border:0;border-top:10px solid transparent;border-bottom:10px solid transparent;opacity:.5;transition:opacity .6s ease}@media(prefers-reduced-motion:reduce){.carousel-indicators [data-bs-target]{transition:none}}.carousel-indicators .active{opacity:1}.carousel-caption{position:absolute;right:15%;bottom:1.25rem;left:15%;padding-top:1.25rem;padding-bottom:1.25rem;color:var(--bs-carousel-caption-color);text-align:center}.carousel-dark{--bs-carousel-indicator-active-bg: #000;--bs-carousel-caption-color: #000;--bs-carousel-control-icon-filter: invert(1) grayscale(100)}:root,[data-bs-theme=light]{--bs-carousel-indicator-active-bg: #fff;--bs-carousel-caption-color: #fff;--bs-carousel-control-icon-filter: }[data-bs-theme=dark]{--bs-carousel-indicator-active-bg: #000;--bs-carousel-caption-color: #000;--bs-carousel-control-icon-filter: invert(1) grayscale(100)}.projects{width:100vw;text-align:center;display:flex;flex-direction:column;align-items:center}.projects .projects-carousel{margin:20px 0;width:100%}.projects .database-project{display:flex}.projects .project-description{width:50%;height:100%;margin:40px}@media(max-width:500px){.projects .database-project{flex-direction:column}.database-project .project-description{width:100%!important;margin:0 0 20px}.internal-carousel{margin:0 20px;touch-action:pan-x}.internal-carousel .carousel-indicators{bottom:0!important;z-index:2;display:flex;justify-content:center;padding:0;margin-right:15%;margin-bottom:1rem;margin-left:15%}.img-container img{width:90vw;margin:0!important}.ux-ui-project{flex-direction:column;align-items:center}.ux-ui-project .project-description{width:90%}.ux-ui-project .vertical-line{display:none}}.custom-carousel-container{padding:0 60px;position:relative;width:100vw}.custom-carousel-container .carousel-control-prev{left:-50px;width:50px}.custom-carousel-container .carousel-control-next{right:-50px;width:50px}.custom-carousel-container .carousel-indicators{bottom:-40px}.custom-carousel-container .carousel-control-prev-icon,.custom-carousel-container .carousel-control-next-icon{filter:none;border-radius:50%;padding:15px}.visually-hidden{display:none}.internal-carousel{display:flex;flex-direction:column;height:100%}.internal-carousel .carousel-item.active{min-height:420px;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}.internal-carousel .carousel-indicators{bottom:60px;margin-bottom:0}[data-rmiz-modal-overlay=visible]{background-color:#000000e6!important}.img-container{display:flex;flex-direction:column;align-items:center;justify-content:space-evenly}.figma-link{width:15em;align-self:center}.game-link{width:10em;align-self:center;margin-bottom:30px}.ux-ui-project{display:flex;width:100%;margin-bottom:40px}.ux-ui-project section{margin:0 20px;display:flex;flex-direction:column}.ux-ui-project .vertical-line{height:300px}.game-project{display:flex;flex-direction:column;align-items:center}.game-project h4{align-self:flex-start;margin-left:40px}.game-project .project-description{width:100%;margin:0;display:flex;flex-direction:column;align-items:center}.game-project p{width:90%}.contacts{width:100vw;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:30px 0;text-align:center}.contacts .contact-me-container{display:flex}@media(max-width:500px){.contacts .contact-me-container{width:100vw;flex-direction:column;align-items:center;gap:4em}.contacts .contact-me-direct-links{width:80%!important}}.contacts .contact-me-container .contact-me-direct-links{width:50vw;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:20px}.contacts .contact-me-container .contact-me-direct-links span{display:flex;align-items:center;gap:10px}.contact-form{width:70%;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-evenly;gap:20px}input,textarea{outline:none;border:none;padding-left:10px;border-radius:10px;background-color:#1c2c39}input{height:2em}textarea{resize:none;width:100%;height:20em}input:focus,textarea:focus{border:2px solid var(--highlight-elements-color)}.submit-form-btn{align-self:center;background-color:var(--highlight-elements-color)}.footer-section{width:100vw;background-color:#1c2c39}@media(max-width:500px){.footer-section{font-size:13px}}.footer-container{width:100%;padding:30px 0;display:flex;align-items:center;justify-content:space-evenly}.mobile-presentation{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-between;margin-top:7em}.mobile-presentation .personal-info{display:flex;flex-direction:column;align-items:center}.mobile-presentation .hello-span,.mobile-presentation .personal-role{font-size:2em}.mobile-presentation span{display:block}.mobile-presentation .personal-name{font-family:sans-serif;display:flex;flex-direction:column;align-items:center;font-size:1.7em;margin:1.2em 0}.mobile-presentation .personal-name:after,.projects h4:before{background-color:var(--highlight-elements-color);margin:0 .3em .3em;content:"";height:.1em;width:6em}.mobile-presentation img{width:100vw;height:80vw;justify-self:end}.mobile-presentation .info-buttons{display:flex;justify-content:space-evenly;width:100%;margin:20px}.mobile-presentation .skills-list{font-family:sans-serif;width:100vw;background-color:#1a2936;height:4em;display:flex;align-items:center}.mobile-presentation .skills-list ul{width:100vw;display:flex;justify-content:space-evenly;align-items:center;padding:0;list-style:none;color:#555;font-weight:700}
