.react-photo-album{display:flex}.react-photo-album,.react-photo-album *{box-sizing:border-box}.react-photo-album--track{align-items:flex-start;display:flex}.react-photo-album--photo{padding:calc(var(--react-photo-album--padding)*1px);position:relative}.react-photo-album--image{aspect-ratio:var(--react-photo-album--photo-width)/var(--react-photo-album--photo-height);display:block;height:auto;width:100%}.react-photo-album--button{background:initial;border:initial;cursor:pointer}.react-photo-album--rows{flex-direction:column;row-gap:calc(var(--react-photo-album--spacing)*1px)}.react-photo-album--rows .react-photo-album--track{justify-content:space-between;--react-photo-album--track-gaps:calc(var(--react-photo-album--spacing)*(var(--react-photo-album--track-size) - 1) + var(--react-photo-album--padding)*2*var(--react-photo-album--track-size))}.react-photo-album--rows .react-photo-album--photo{width:calc((100% - var(--react-photo-album--track-gaps)*1px)/(var(--react-photo-album--container-width) - var(--react-photo-album--track-gaps))*var(--react-photo-album--photo-width) + 2px*var(--react-photo-album--padding))}@media screen and (max-width: 1536px){.project,.old-project{font-size:.8rem}.project h2{padding-bottom:0}}@media screen and (max-width: 1280px){.project-description{margin:.3rem}.project-details-buttons-container{gap:.3rem}.project-details-buttons-container a{padding:.5rem .6rem}}@media screen and (max-width: 1098px){.project-details-buttons-container{gap:.2rem}.project-details-buttons-container a{padding:.5rem .4rem}}@media screen and (max-width: 960px){.project{width:100%;font-size:.8rem}}@media screen and (max-width: 768px){.navbar-container{display:none}.navbar-container-mobile{display:flex;justify-content:space-between}.home{box-sizing:border-box;padding:1rem}.container{width:100%}.projects{flex-direction:column}.projects-title{text-align:center}.project-details-buttons-container{flex-direction:column}.project-details-buttons-container{text-align:center;padding:0}.project-details-button a{display:inline-block;width:100%;padding:1rem 0}.project-technologies{display:flex;flex-wrap:wrap;row-gap:1rem;justify-content:center}.project-technologies button{padding:.5rem;margin-right:.5rem}.screenshot-container{width:45%}.contact{padding:0 1rem;box-sizing:border-box;max-width:100%}.language-switcher{margin-left:auto;margin-right:auto;left:0;right:0;text-align:center;width:15%}.old-project{width:100%}}body{font-family:Roboto,Arial,sans-serif;margin:0;padding:0;color:#fff;background-color:#252525}#root{min-height:100vh;display:flex;flex-direction:column}hr{margin:1rem 0;background-color:#209cee;border-color:#209cee;color:#209cee}.navbar-container{display:flex;justify-content:space-around;background-color:#535353}.navbar-item{border:1px solid transparent;display:inline-block;color:#fff;text-decoration:none;padding:1rem 2rem}.navbar-item:hover{border:1px solid #209cee;border-radius:5px}.navbar-item-active{background-color:#a5a5a5;border-radius:5px;color:#000}.logo{display:flex;align-items:center;justify-content:center}.container{width:60%;margin:0 auto}.home{cursor:default;font-size:1.5rem;padding-top:3rem}.home a{text-decoration:none;color:#209cee}.home a:hover{text-decoration:underline;text-shadow:0 0 5px #fff;color:#fff}.navbar-container-mobile{display:none}.navbar-mobile-links{display:none;flex-direction:column}.navbar-mobile-logo{margin:.5rem}.navbar-mobile-menu-icon{margin:.5rem;cursor:pointer}.projects{display:flex;flex-wrap:wrap}.title{cursor:default}.project{box-sizing:border-box;border-radius:5px;padding:1rem;margin:0 1rem 1rem 0;width:calc(50% - 1rem);background-color:#2b2b2b;display:flex;flex-direction:column;justify-content:space-between}.old-project{box-sizing:border-box;cursor:default;border-radius:5px;padding:1rem;margin:0 1rem 1rem 0;width:calc(33% - 1rem);background-color:#2b2b2b;display:flex;flex-direction:column;justify-content:space-between}.project h2{cursor:pointer;display:inline-block;padding-bottom:2px;background-image:linear-gradient(#209cee 0,#209cee 0);background-position:0 100%;background-size:0% 2px;background-repeat:no-repeat;transition:background-size .3s,background-position 0s .3s}.project h2:hover{color:#209cee;background-position:100% 100%;background-size:100% 2px}.project-description{color:#a5a5a5}.project:hover{background-color:#535353}.more-details-container{color:#fff;max-height:fit-content;background-color:#252525;padding:1rem 0;border-radius:5px}.more-details-container button{font-size:1.1rem;display:block;margin:0 auto;padding:.5rem 2rem;border-radius:5px;border:0;cursor:pointer;background-color:#535353;color:inherit}.more-details-container button:hover{background-color:#a5a5a5;color:#000}.project-technologies-container{padding:1rem 0;font-size:1.1rem;text-align:center;cursor:default}.project-technologies-container p{margin-top:0}.project-technologies-container button{font-size:inherit;font-weight:700;color:#fff;padding:.5rem 1rem;margin-right:1rem;cursor:pointer;border-radius:5px;background-color:#209cee;border:0}.project-technologies-container button:hover{background-color:#33a5f2}.project-screenshots{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap;padding-bottom:2rem}.project-screenshots-title{cursor:default;font-size:1.1rem;text-align:center}.screenshot-container{max-width:45%;max-height:60%}.screenshot-container img{width:100%;height:100%;border-radius:5px;cursor:pointer}.tooltip{position:relative;display:inline-block;border-bottom:1px dotted black}.tooltip .tooltiptext{visibility:hidden;display:block;max-width:150px;background-color:#a5a5a5;color:#fff;text-align:center;border-radius:6px;padding:.5rem;position:absolute;z-index:1;top:100%;left:50%;margin-left:-75px}.tooltip:hover .tooltiptext{visibility:visible}.project-details-buttons-container{padding:1rem 0;display:flex;gap:1rem;flex-wrap:nowrap}.project-details-button{display:inline-flex}.project-details-button a{text-decoration:none;background-color:#a5a5a5;color:#000;padding:.5rem 1rem;border-radius:5px;cursor:pointer}.project-details-button a:hover{background-color:#209cee;color:#fff}.project-details-button svg{margin-right:.3rem}.about{cursor:default;padding-top:3rem;font-size:1.1rem}.about section{border:1px solid #a5a5a5;border-radius:8px;padding:1rem;margin-bottom:1rem}.back-button{color:#209cee;text-decoration:underline;text-shadow:0 0 5px #fff;color:#fff}.back-button:hover{color:#209cee;text-decoration:underline;text-shadow:0 0 5px #fff;cursor:pointer}.center-image{display:block;margin-left:auto;margin-right:auto}.horizontal-image{width:100%}.vertical-image{width:50%}.page-link{color:#209cee;text-decoration:none}.page-link:hover{text-decoration:underline;text-shadow:0 0 5px #fff;color:#fff}.technologies h2{margin:1rem 0 0}.technologies-section-container{display:flex;flex-direction:column;text-align:center}.technologies-section-container h2{padding:0;margin:0}.technologies-list{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem}.technologies-section-container h3{margin-top:1.3rem;margin-bottom:.5rem}.technology{list-style:none;display:inline;padding:.5rem 1rem;background-color:#535353;border-radius:5px;display:flex;align-items:center;gap:.5rem}.technology:hover{background-color:#209cee;font-weight:500}.contact{padding-top:3rem;font-size:1.5rem}.email-button{font-size:1.5rem;background-color:#a5a5a5;color:#000;border:0;padding:.5rem 1rem;border-radius:5px;cursor:pointer}.social-links{border:1px solid #a5a5a5;border-radius:8px;padding:1rem;justify-content:center;margin-bottom:1rem;text-align:center;display:flex;flex-wrap:wrap;overflow:hidden;gap:3rem}.social-links a{text-decoration:none;color:#a5a5a5}.social-links a:hover{color:#209cee}footer{border-top:1px solid #444;background-color:#333;color:#fff;text-align:center;padding:1rem 0;margin-top:auto}.footer-bottom{font-size:.8rem;color:#ccc}.available:after{content:"";display:inline-block;width:40px;height:40px;-moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px;background-color:#0f0;cursor:pointer;margin-left:1rem}.available-text{font-size:1rem;background-color:#209cee;color:#fff;padding:.5rem 1rem;border-radius:5px;position:relative;left:30px;bottom:15px;align-items:center;vertical-align:auto}.language-switcher{background-color:#a5a5a5;padding:.5rem .7rem;position:absolute;right:0;top:0;margin:.5rem;border-radius:15px}