.main-website-layout .main-container{margin:0 var(--page-content-margin) 0 var(--page-content-margin)}.main-website-layout .introduction-section{display:flex;align-items:center;flex-direction:column;gap:10px;min-height:calc(90vh - var(--page-border-thickness)*2 - var(--nav-bar-height))}.main-website-layout .introduction-section .logos{display:flex;align-items:center;justify-content:center;gap:5px}.main-website-layout .introduction-section .logos>a{padding:10px}.main-website-layout .introduction-section .introduction{font-size:4rem;font-weight:400;text-shadow:-1px -1px var(--background-color),0 -1px var(--background-color),1px -1px var(--background-color),-1px 0 var(--background-color),1px 0 var(--background-color),-1px 1px var(--background-color),0 1px var(--background-color),1px 1px var(--background-color),-2px -2px var(--background-color),0 -2px var(--background-color),2px -2px var(--background-color),-2px 0 var(--background-color),2px 0 var(--background-color),-2px 2px var(--background-color),0 2px var(--background-color),2px 2px var(--background-color),-3px -3px var(--background-color),0 -3px var(--background-color),3px -3px var(--background-color),-3px 0 var(--background-color),3px 0 var(--background-color),-3px 3px var(--background-color),0 3px var(--background-color),3px 3px var(--background-color),-4px -4px var(--background-color),0 -4px var(--background-color),4px -4px var(--background-color),-4px 0 var(--background-color),4px 0 var(--background-color),-4px 4px var(--background-color),0 4px var(--background-color),4px 4px var(--background-color)}.main-website-layout .introduction-section .introduction>.underscore{animation:blink .5s;animation-direction:alternate;animation-iteration-count:infinite;animation-timing-function:linear}@keyframes blink{0%{opacity:0}25%{opacity:0}75%{opacity:1}}.main-website-layout .introduction-section .introduction::selection{text-shadow:none}.main-website-layout .introduction-section .introduction ::selection{text-shadow:none}.main-website-layout .introduction-section .image-section{display:flex;justify-content:center;align-items:center;width:20rem;margin:0}.main-website-layout .projects-section{margin:40px 0 0;font-size:1.5rem;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:20px}.main-website-layout .projects-section>.projects-container{grid-gap:20px;gap:20px;display:grid;width:90%;max-width:720px;grid-template-columns:1fr 1fr;grid-template-rows:auto}@media(max-width:767px){.main-website-layout .projects-section>.projects-container{grid-template-columns:1fr}}.main-website-layout .image-container{height:100%;aspect-ratio:1833/1841;position:relative;max-width:100%;min-width:60%}.main-website-layout .image-container:after{border-radius:30px}.main-website-layout .profile-pic-mask{-webkit-mask-image:url(/mainWebsite/imageBlur2.svg);mask-image:url(/mainWebsite/imageBlur2.svg);-webkit-mask-composite:source-over;mask-composite:add;-webkit-mask-size:100%;mask-size:100%;-webkit-mask-position:50% 50%;mask-position:50% 50%;width:100%;height:100%}.main-website-layout .description-about-me{font-size:1.4rem;font-weight:400;display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;color:var(--secundary-text-color);gap:1px}.main-website-layout .description-about-me>.country{color:var(--text-color);font-size:2rem}.main-website-layout .description-about-me>.part-2,.main-website-layout .description-about-me>.part-3{display:inline-block}.main-website-layout .description-about-me .medicina-text{color:rgba(104,0,0,.685);font-weight:600}.main-website-layout .description-about-me .programar-text{color:rgba(0,94,0,.671);font-weight:600}.main-website-layout .separator-section{display:flex;justify-content:center;align-items:center;margin:20px 0}.main-website-layout .secundary-title{font-size:2rem}.main-website-layout .secundary-title span{font-size:1rem;color:rgba(0,0,0,.5)}.fade-in-image{transition:filter .7s}.fade-in-image.before-load{filter:blur(20px)}.diagonal-separator-container{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px}.diagonal-line{width:20px;height:3px;rotate:-30deg;background-color:rgba(0,0,0,.1);animation:flash-animation 1.5s ease-in-out;animation-iteration-count:infinite;animation-direction:alternate}@keyframes flash-animation{0%,50%{background-color:rgba(0,0,0,.1)}to{background-color:rgba(0,0,0,.2)}}.project-displayer{-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative;width:100%;aspect-ratio:4/3;background-color:var(--background-color);border-radius:10px;box-shadow:0 20px 25px -5px rgba(0,0,0,.3),0 10px 10px -5px rgba(0,0,0,.04);border:3px solid var(--background-color);overflow:hidden;--animations-speed:0.3s;transition:box-shadow var(--animations-speed) ease-in-out}.project-displayer:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:inset 0 0 5px 5px hsla(0,0%,100%,.5);background-color:transparent}.project-displayer *{transition:width var(--animations-speed) ease-in-out,left var(--animations-speed) ease-in-out,bottom var(--animations-speed) ease-in-out,top var(--animations-speed) ease-in-out,font-size var(--animations-speed) ease-in-out,opacity var(--animations-speed) ease-in-out,filter var(--animations-speed) ease-in-out,scale var(--animations-speed) ease-in-out}.project-displayer>img{position:relative;object-fit:cover}.project-displayer>.project-info-container{width:100%}.project-displayer>.project-info-container>.project-title{position:absolute;bottom:10px;left:0;color:var(--background-color);font-size:1.5rem;width:100%;text-align:center;white-space:nowrap}.project-displayer>.project-info-container>.project-desc{color:var(--background-color);font-size:1rem;left:10px;opacity:0;position:absolute;top:100%}.project-displayer>.project-info-container>.title-background-gradient{position:absolute;width:100%;bottom:0;height:calc(30px + 1.5rem);background:linear-gradient(0deg,rgba(0,0,0,.4),rgba(0,0,0,.3) 70%,transparent)}.project-displayer:hover{box-shadow:0 20px 25px -5px rgba(0,0,0,.5),0 10px 10px -5px rgba(0,0,0,.06)}.project-displayer:hover>img{filter:grayscale(.5) brightness(.5);scale:1.1}.project-displayer:hover>.project-info-container{bottom:0}.project-displayer:hover>.project-info-container>.project-title{font-size:1rem;bottom:40%;left:10px;width:100%;text-align:center;white-space:nowrap;width:0}.project-displayer:hover>.project-info-container>.project-desc{opacity:1;top:60%}.project-displayer:hover>.project-info-container>.title-background-gradient{opacity:0}