#root{position:relative;top:0;max-width:100dvw;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.wrapper{height:100dvh;width:100%;background:top center repeat url(/assets/backgroundImage-KtjCA_oF.png);background-size:cover;display:flex;flex-direction:column;align-items:center;overflow-y:scroll;scroll-behavior:smooth}.wrapper .sidebarMenuButton{position:fixed;top:5dvh;right:5dvw;width:6rem;height:6rem;border-radius:100%}header{height:5.75rem;display:flex;justify-content:space-between;align-items:center;width:75dvw;scroll-snap-align:start}header nav{display:flex;gap:1.25rem}header nav a:hover{color:var(--red-theme);text-decoration:underline;transition:.5s}@media only screen and (max-device-width: 480px){header{justify-content:center}header nav{display:none}}.hero-section{width:100%;display:flex;justify-content:center;gap:5dvw;align-items:center;margin-bottom:2rem}.hero-section .text-hero{width:35%;display:flex;flex-direction:column;align-items:center}.hero-section .image-hero{display:flex;justify-content:flex-end}.hero-section .image-hero img{cursor:pointer;position:relative;transition:all .5s}.hero-section .image-hero img:hover{transform:scale(1.1)}.hero-section .image-hero .profile-1{width:476px;z-index:3}.profileImg{animation:profileImgAnimation 1s ease-in-out infinite alternate}@keyframes profileImgAnimation{0%{transform:translateY(-10px)}to{transform:translateY(10px)}}@media only screen and (max-device-width: 480px){.hero-section{flex-direction:column-reverse;margin:1rem}.hero-section .text-hero{width:90%}.hero-section .text-hero .hero-paragraph{font-size:1rem;line-height:2.25rem}.hero-section .image-hero .profile-1{width:380.8px;z-index:3}}@media only screen and (device-width: 768px){.hero-section{flex-direction:column-reverse;margin:1rem}.hero-section .text-hero{width:90%}.hero-section .text-hero .hero-paragraph{font-size:1rem;line-height:2.25rem}.hero-section .image-hero .profile-1{width:380.8px;z-index:3}}@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: portrait){.hero-section{flex-direction:column-reverse;margin:1rem}.hero-section .text-hero{width:90%}.hero-section .text-hero .hero-paragraph{font-size:1rem;line-height:2.25rem}.hero-section .image-hero .profile-1{width:380.8px;z-index:3}}.heroTitle{font-weight:300;font-size:2.75rem;display:flex;flex-direction:column;gap:1rem}.heroTitle .titleName{font-weight:700}@media only screen and (max-device-width: 480px){.heroTitle{font-size:2rem}}.paragraph{text-align:center;font-size:.9rem;line-height:2rem}.card{max-width:270px;height:100%;background:#ffffff26;border:1px solid rgba(255,255,255,.15);border-radius:.75rem;-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);padding:1rem;display:flex;flex-direction:column;box-sizing:border-box;align-items:center}.card .cardTitle{position:relative;top:50%;transform:translateY(-50%);font-size:2rem;line-height:2rem;margin:0;text-align:center;width:fit-content;transition:all .5s}.card .cardText{width:100%;text-align:center;font-size:.9rem;opacity:0;transition:opacity .5s;transition-delay:.15s}.card:hover{background:#ffffff40;border:1px solid rgba(255,255,255,.25);justify-content:space-around}.card:hover .cardText{opacity:1}.card:hover .cardTitle{top:0;transform:translateY(0)}@media only screen and (max-device-width: 480px){.card{justify-content:space-around;box-sizing:border-box}.card .cardText{opacity:1}.card .cardTitle{top:0;transform:translateY(0);line-height:1rem}}@media only screen and (device-width: 768px){.card{justify-content:space-around}.card .cardText{opacity:1}.card .cardTitle{top:0;transform:translateY(0)}}.sectionTitle{font-size:3rem;font-weight:700;margin:0}@media only screen and (max-device-width: 480px){.sectionTitle{font-size:2rem;font-weight:700}}@media only screen and (device-width: 768px){.sectionTitle{font-size:2rem;font-weight:700}}.personalTastes{display:flex;width:100%;flex-direction:column;justify-content:center;align-items:center;padding-bottom:5rem;gap:2rem;margin:2rem 0;scroll-snap-align:start}.personalTastes .cardsContainer{box-sizing:border-box;width:100%;display:grid;grid-template-columns:auto auto auto auto;grid-template-rows:auto auto auto auto;justify-content:center;gap:2.5rem}@media only screen and (max-device-width: 480px){.personalTastes .cardsContainer{display:flex;grid-template-columns:none;grid-template-rows:none;flex-direction:column;align-items:center;padding:0 2rem}}@media only screen and (device-width: 768px){.personalTastes .cardsContainer{grid-template-columns:auto auto;flex-direction:row;flex-wrap:wrap;align-items:center;padding:0 10%}.personalTastes .sectionTitle{font-size:2rem;font-weight:700}}.motivationSection{width:100%;box-sizing:border-box;padding:0 10%;margin-bottom:5rem;display:flex;justify-content:center;scroll-snap-align:start}.motivationSection .motivationCard{box-sizing:border-box;padding:2rem;display:flex;flex-direction:row;align-items:center;background:#ffffff26;border:1px solid rgba(255,255,255,.15);border-radius:.75rem;-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);overflow:hidden;position:relative}.motivationSection .motivationCard .motivationCardTexts{display:flex;flex-direction:column;align-items:center;width:75%}.motivationSection .motivationCard .motivationCardTexts .motivationCardTextsParagraphs{display:flex;flex-direction:column;gap:1rem}.motivationSection .motivationCard .motivationCardTexts .motivationCardTextsParagraphs p{margin:0;text-align:left}.motivationSection .imgProfile2{width:100%}@media only screen and (max-device-width: 480px){.motivationSection .motivationCard{flex-direction:column;padding:1rem}.motivationSection .motivationCard .imgProfile2{width:100%}}@media only screen and (device-width: 768px){.motivationSection .motivationCard{flex-direction:column;padding:1rem}.motivationSection .motivationCard .imgProfile2{width:100%}}:root{font-family:Open Sans,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-size:16px;color-scheme:light dark;color:#fff;background-color:#000;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--red-theme: rgb(229, 57, 57);--black-theme: #000000;--white-theme: #ffffff}a{color:inherit;text-decoration:inherit}body{margin:0;display:flex;align-items:flex-start;min-width:320px;min-height:100vh;height:100%}h1{font-size:3.2em;line-height:1.1}