:root{--pf-jcbs-primary: #e3dad0;--pf-jcbs-secondary: #ddc9be;--pf-jcbs-tertiary: #b17152;--pf-jcbs-quaternary: #4b372d;--pf-jcbs-dark: #344960;--pf-jcbs-modal: rgba(227, 218, 208, .95);--pf-jcbs-brand: "Great Vibes";--pf-jcbs-normal: "Tenor Sans";--pf-jcbs-boxshadow: 0px 0px 10px var(--pf-jcbs-tertiary);--gap-xs: 5px;--gap-s: 10px;--gap-m: 15px;--gap-l: 30px;--gap-xl: 50px;--margin-xs: 5px;--margin-s: 10px;--margin-m: 20px;--margin-l: 30px;--margin-xl: 50px;--padding-xs: 3px;--padding-s: 5px;--padding-m: 10px;--padding-l: 20px}*{margin:0;padding:0;box-sizing:border-box;text-decoration:none;list-style-type:none;font-family:Great Vibes,cursive;font-family:Cormorant Garamond,serif;position:relative}body{background-color:var(--pf-jcbs-primary);color:var(--pf-jcbs-quaternary);font-family:var(--pf-jcbs-normal)}main{min-height:75svh;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem}main>*{animation:fadeIn 1s}html>.translated-ltr{font-family:Great Vibes,cursive}@keyframes fadeIn{0%{opacity:0;filter:blur(10px)}to{opacity:1}}header{height:15svh;display:flex;flex-direction:column;align-items:center;justify-content:center;border-bottom:1px solid var(--pf-jcbs-tertiary)}header>div{height:60%;width:auto;display:flex;justify-content:center;align-items:center}header>div>a>img{height:auto;width:70px;object-fit:contain}header ul{display:flex;justify-content:center;align-items:center;gap:var(--gap-l);list-style-type:none;height:25px;width:300px;padding:var(--padding-s) var(--padding-m)}header ul li{width:100px;display:flex;justify-content:center;align-items:center}a{color:var(--pf-jcbs-tertiary);font-weight:600}header ul li a:hover{text-decoration:underline;color:var(--pf-jcbs-dark);font-family:var(--pf-jcbs-brand);font-size:20px}#headers-buttons{width:50px;height:100px;display:flex;flex-direction:column;justify-content:center;align-items:center;position:fixed;right:20px;gap:var(--gap-xs)}@media screen and (max-width: 450px){header ul{gap:var(--gap-xs);padding:0px var(--padding-s)}a:hover{font-family:var(--pf-jcbs-normal);font-size:16px}#headers-buttons{top:0}}footer{width:100%;height:10svh;display:flex;flex-direction:column;justify-content:center;align-items:center}.creator{display:flex;justify-content:center;align-items:center;gap:var(--gap-s)}.creator a img{width:30px;height:30px}.creator>p{font-family:var(--pf-jcbs-brand);color:var(--pf-jcbs-dark);font-size:1.5rem;font-style:italic}.creator>img{width:30px;height:30px}.rights{font-family:var(--pf-jcbs-normal);font-size:1.1rem;color:var(--pf-jcbs-dark)}.homePortfolio{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;width:100%;height:70%;padding:20px}.imgHome{max-width:35%;min-width:200px;width:auto;display:flex;justify-content:center;align-items:center}.imgHome>img{height:90%;width:90%;object-fit:cover;display:flex}.presentationHome{min-width:65%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--gap-xl)}.greetingsHome{width:100%;display:flex;justify-content:center;align-items:left;flex-direction:column;gap:var(--gap-m);color:var(--pf-jcbs-tertiary)}.greetingsHome>h1{font-family:var(--pf-jcbs-brand);font-size:3.5rem;display:flex;flex-wrap:wrap}.brandJCBS{font-size:4.5rem;font-family:var(--pf-jcbs-brand);color:var(--pf-jcbs-quaternary);padding-left:20px}.greetingsHome>h3{font-size:2rem;font-weight:300}.greetingsHome>h4{font-size:1.4rem;font-weight:500}.blockquote{width:65%;display:flex;flex-direction:column;align-items:flex-end;justify-content:end;margin-left:30%;justify-content:right}.blockquote>h3{font-family:var(--pf-jcbs-brand);font-size:3rem;color:var(--pf-jcbs-tertiary);text-align:right}.blockquote>p{font-style:italic;font-size:1.5rem}@media screen and (max-width: 450px){.greetingsHome{text-align:center}.greetingsHome>h1{margin-left:var(--margin-m);font-size:3rem}.brandJCBS{font-size:4rem;padding:0 30px 0 0}.blockquote{width:50%}.blockquote>h3{font-size:2rem}.blockquote>p{font-size:1.3rem}}#projectsTemplate{padding:0 var(--padding-l)}#projectsTemplate{width:100%;height:100%}#projectsTemplate>h2{margin:var(--margin-l) 0;text-align:center;font-size:3rem;font-family:Great Vibes,cursive}.projectsGallery{width:100%;height:100%;margin-bottom:var(--margin-m)}.ulProjectCards{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;position:relative;gap:var(--gap-xl)}.liProjectCard{width:280px;height:330px;border-radius:8px;position:relative;-webkit-transition:1.5s ease-in-out;transition:1.5s ease-in-out;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;background-color:var(--pf-jcbs-secondary);box-shadow:var(--pf-jcbs-boxshadow)}.divProjectCard{position:absolute;text-align:center;width:100%;height:100%;padding:20px 40px;transform-style:preserve-3d;backface-visibility:hidden;border-radius:8px;display:flex;justify-content:center}.contentProjectCard{width:100%;height:100%;-webkit-transform:translateY(-50%) translatez(50px) scale(.8);transform:translateY(-50%) translatez(50px) scale(.8);top:50%;left:0;-webkit-perspective:inherit;perspective:inherit;line-height:1.5em;transform-style:preserve-3d;backface-visibility:hidden;position:absolute;display:flex;flex-direction:column;justify-content:center;align-items:center}.contentProjectCard>h4{color:var(--pf-jcbs-quaternary);font-size:1.9rem;font-style:italic;font-weight:800;margin-bottom:var(--margin-m)}.contentProjectCard>p{color:var(--pf-jcbs-quaternary);font-size:1.4rem;font-weight:500}.divProjectImg{width:180px;height:180px;border-radius:8px}.divProjectImg>img{width:100%;height:100%;object-fit:contain;border-radius:8px}.projectTechs>ul{width:100%;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:var(--gap-xs);padding:5px;margin:var(--margin-s) 0 var(--margin-xs) 0}.techDiv{width:30px;height:30px}.techDiv img{width:100%;height:100%;object-fit:contain}.projectLinks{display:flex;align-items:center;justify-content:center;gap:var(--gap-s);margin-top:105%}.projectLinks>a{width:28px;height:28px}.projectLinks>a>img{width:100%;height:auto;cursor:pointer}.front{z-index:2;transform:rotateY(0)}.back{z-index:0;transform:rotateY(180deg)}.liProjectCard:hover{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}#about{width:100%;margin:var(--margin-l) 0 var(--margin-s) 0;display:flex;flex-direction:column;justify-content:center;align-items:center}.aboutMe{margin:0 var(--margin-xl)}.aboutMe>h2{font-family:var(--pf-jcbs-brand);font-size:3rem;color:var(--pf-jcbs-tertiary)}.aboutMe>p{text-align:justify;margin:var(--margin-s) 0;font-weight:600}.aboutModal{position:fixed;inset:0;width:45%;height:45%;margin:0 auto;z-index:1;top:35%;background-color:var(--pf-jcbs-modal);box-shadow:var(--pf-jcbs-boxshadow);border-radius:20px;display:none;justify-content:center;align-items:center}#aboutModal>button{background-color:var(--pf-jcbs-secondary);border:1px solid var(--pf-jcbs-quaternary);padding:var(--padding-xs) var(--padding-s);border-radius:5px;color:var(--pf-jcbs-quaternary);font-weight:700;position:absolute;top:30px;right:30px;cursor:pointer}.aboutModalImg{width:15%;height:auto;display:flex;justify-content:center;align-items:center;margin-left:var(--margin-m)}.aboutModalImg>img{object-fit:cover}.aboutModalContent{width:70%;height:fit-content;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:var(--margin-l) var(--margin-l) 0 0;gap:var(--gap-m)}.aboutModalContent>h2{font-family:var(--pf-jcbs-brand);font-size:3em;font-weight:900;text-align:center}.aboutModalContent>p{padding:var(--padding-m);font-size:1.3em;text-align:center;font-weight:700}@media screen and (max-width: 450px){.aboutModal{display:flex;flex-direction:column;height:80%;width:80%;top:10%;display:none;padding:var(--padding-m) 0}.aboutModalContent{margin:0;gap:var(--gap-xs)}.aboutModalImg{width:80px;height:auto}.aboutModalImg>img{width:100%;height:100%;object-fit:contain}.aboutModalContent>h2{font-size:2em}.aboutModalContent>p{font-size:1em}}.aboutMeCards{width:100%;margin:var(--margin-m)}.cards{margin:var(--margin-m)}.cards>ul{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:var(--gap-xl)}.card{display:flex;flex-direction:column;justify-content:center;align-items:center;min-width:200px;min-height:250px;background-color:var(--pf-jcbs-secondary);border-radius:20px;box-shadow:var(--pf-jcbs-boxshadow);cursor:pointer}@media screen and (max-width: 450px){.card{display:flex;flex-direction:row;min-height:100px;min-width:200px}.cardImg{height:80px;width:auto}.cardImg>Img{height:100%;width:100%;object-fit:cover}}