:root{--black: #000000;--gray: #abb8c3;--white: #fff;--red: #cf2e2e;--hover-red: #dc2828;--light-gray: #fafafa;--max--width: 85.5em;--main-section-font-size: clamp(1.8em, 5vw, 2.2em);--main-section-font-weight: 700;--main-section-line-height: 1.3em}*{box-sizing:border-box}body{font-family:Roboto,sans-serif;font-size:1em;line-height:1.6;margin:0;color:var(--black);background-color:var(--white)}#root{width:100%;margin:0 auto;text-align:center}a{color:var(--black);text-decoration:none}a:hover{color:var(--hover-red)}a:hover svg{fill:var(--hover-red)}a h2,a h3,p a{display:flex;align-items:center;column-gap:.3em}svg:not(nav a svg,nav small svg){width:1em}nav small svg{width:.8em;height:.8em}main{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}main>section{min-height:36em}.main-header{display:grid;padding:1.4em;max-width:var(--max--width);grid-template-columns:auto 1fr auto;gap:.7em;margin:0 auto;width:100%}.main-header nav{display:grid;grid-auto-flow:column;gap:1em;place-content:center}.main-header nav a{font-size:1.2em}.main-header a picture{display:flex;width:100%}.hd-group{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:1em}.main-header .search-icon{width:2em;height:2em;cursor:pointer}.main-header .btn-contact{display:inline-flex;align-items:center;align-self:center;column-gap:.3em;padding:.4em;font-weight:600;text-align:center;border-radius:.3em;background-color:var(--black);color:var(--white);border:.0625em solid var(--gray);transition:background-color .3s ease,transform .2s ease;z-index:1}.main-header .btn-contact:hover{background-color:var(--hover-red);transform:translateY(-.125em)}.main-header .btn-contact:hover span{color:var(--white)}.main-header .btn-contact svg{fill:var(--white);height:1em;width:1em}@media screen and (max-width: 800px){.main-header .logo-header img{width:3em}}@media screen and (max-width: 768px){.main-header nav{display:flex;flex-wrap:wrap;justify-content:end}.main-header>.btn-contact svg{display:block}.main-header>.btn-contact span{display:none}.main-header>.btn-contact:hover span{display:block}}@media screen and (max-width: 500px){.main-header .btn-contact{position:fixed;right:1.4em;bottom:1.4em;margin-bottom:2.5em}}@media screen and (max-width: 320px){.main-header{grid-template-columns:1fr}.main-header .logo-header picture{justify-content:center}.main-header nav{justify-content:center}}footer{display:flex;flex-direction:row;flex-wrap:wrap;place-content:center;background-color:var(--black);color:var(--white);align-items:center;padding:1.4em;gap:.7em}footer>nav{max-width:calc(var(--max--width) - 22.5em);flex-grow:1;display:flex;gap:.7em;justify-content:end;align-items:center}footer>small{max-width:22.5em;flex-grow:1}footer>nav a{display:inline-flex;align-items:center}footer>nav a svg{fill:var(--white);height:2em;padding:.3em;width:auto;transition:all ease-in-out .2s}footer>nav a svg:hover{fill:var(--hover-red);margin-top:-.7em;border-radius:.3em}@media screen and (max-width: 500px){footer{padding-top:.7em;text-align:center}footer nav{justify-content:center}}.whoAmI{display:flex;justify-content:center;align-items:center;gap:1.4em;padding:1.4em;width:100%;background:linear-gradient(0deg,rgba(250,250,250,.515) 0%,var(--light-gray) 50%);position:relative;overflow:hidden}.whoAmI video{opacity:.2;position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-1}.whoAmI figure{max-width:18.75em;flex-grow:1;width:90%;margin:0;display:flex;justify-content:center;align-items:center;z-index:2}.whoAmI hgroup{max-width:37.5em;flex-grow:1;z-index:1;text-align:left}.whoAmI hgroup h1{font-family:DM Sans,sans-serif;text-transform:uppercase;font-size:2em;font-weight:900;line-height:1.2em;margin-bottom:.7em}.whoAmI h1,.whoAmI p{margin:0}@media screen and (max-width: 768px){.whoAmI{flex-direction:column}}@media screen and (max-width: 320px){.whoAmI hgroup h1{font-size:10vw}}.whoAmILogo{width:100%;height:auto;max-width:16em}.whoAmILogo g:nth-child(2) path:nth-child(3){animation-name:dot-animation;animation-duration:2s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}@keyframes dot-animation{0%{opacity:1;transform:translateY(0)}50%{opacity:.4;transform:translateY(-.5em)}to{fill:#cf2e2e;transform:rotate(-4deg)}}.whoAmILogo g:nth-child(2) path:nth-child(1){animation-name:m-animation;animation-duration:2s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}@keyframes m-animation{0%{transform:rotate(0)}to{transform:rotate(-2deg)}}.whoAmILogo g:nth-child(2) path:nth-child(2){animation-name:s-animation;animation-duration:2s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}@keyframes s-animation{0%{transform:rotate(0)}to{transform:rotate(2deg)}}.whoAmILogo g:nth-child(1) rect:nth-child(3){animation-name:bg1-animation;animation-duration:2s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}@keyframes bg1-animation{0%{opacity:1;transform:translateY(0)}to{opacity:.9;transform:translateY(-.3em)}}.whoAmILogo g:nth-child(1) rect:nth-child(2){animation-name:bg2-animation;animation-duration:2s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}@keyframes bg2-animation{0%{opacity:1;transform:translateY(0)}to{opacity:.7;transform:translateY(-.4em)}}.whoAmILogo g:nth-child(1) rect:nth-child(1){animation-name:bg3-animation;animation-duration:2s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}@keyframes bg3-animation{0%{opacity:1;transform:translateY(0)}to{opacity:.4;transform:translateY(-.25em)}}.PlaylistSection{background-color:#ffffffd4;background-image:url(/oh__demo1__1.png);background-blend-mode:hard-light;background-size:cover;background-repeat:no-repeat;display:flex;flex-wrap:wrap;flex-direction:column;place-items:center;width:100%;padding:1.4em;gap:1.4em;margin:0 auto;justify-content:center;align-content:center}.PlaylistSection h2{padding:1em;font-size:var( --main-section-font-size);font-weight:var( --main-section-font-weight);line-height:var(--main-section-line-height)}.PlaylistSection iframe{height:25em;border:0em}.music-column{max-width:calc(var(--max--width) - 20em);padding:2em;display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:4em;width:100%}.music-column a:first-of-type{max-width:25em}.music-player{width:100%}@media screen and (max-width: 768px){.music-column{flex-direction:column;justify-content:center;align-items:center;gap:2em}.music-column a:first-of-type{max-width:100%}.music-player{width:100%}.PlaylistSection{padding:4em 0}.PlaylistSection iframe{height:20em}}.max-width-btn-large{max-width:300px}.max-width-btn-small{max-width:150px}.max-width-btn-medium{max-width:240px}.audio-info{display:flex;gap:20px}.text{color:#f50}.main-track-info{text-align:left;display:flex;flex-direction:column;justify-content:center;gap:.5em}.main-track-info .title{color:#fff;font-weight:600;font-size:1em;line-height:normal;margin:0}.main-track-info .author{color:gray;margin:0}.icon-wrapper{display:flex;align-items:center;justify-content:center;height:100%}.audio-image{display:flex;justify-content:center;align-items:center;height:100px;width:100px;background:#1e1e1e}.audio-icon{font-size:40px;display:flex;justify-content:center;align-items:center;height:80px;width:80px;border-radius:50%;background:#989898}.audio-image img{width:100%;object-fit:cover;aspect-ratio:1/1}.controls-wrapper{display:flex;flex-direction:column;justify-content:stretch;align-items:center;margin-top:10px}.volume-controls{display:none}.controls button,.volume button{border:none;background-color:transparent;margin-right:8px;cursor:pointer}button svg{font-size:20px}.volume{display:flex;align-items:center}.volume button{margin:0}.progress{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:10px;width:100%}.progress-bar-range{width:80%;height:4px;background-color:#989898;border-radius:2px;position:relative}.play-pause-btn{background-color:#fff!important;border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 0 10px #000000bf}.play-pause-btn svg{font-size:30px;color:#f50;transition:all .3s ease;align-self:center}.time{color:#fff;font-size:13px;line-height:46px}.time.current{color:#fff}.playback-controls{display:flex;align-items:center;flex-direction:row;justify-content:space-between;width:100%}.playback-controls button{border:none;background-color:transparent;margin-right:8px;cursor:pointer}.volume-btn{display:flex;align-items:center;background-color:transparent}.volume-controls button{margin:0;border:none}.audio-player{width:100%;display:flex;flex-direction:column;background-color:#2d2d2d;color:#fff;border-radius:20px;padding:1em;box-sizing:border-box}.track-info{margin-bottom:20px}.progress-and-playlist{display:flex;flex-direction:column;gap:20px}.playlist{background-color:#2d2d2d;color:#fff;border-radius:10px;max-height:180px;overflow-y:auto}.playlist ul{list-style:none;margin:0;padding:0}.playlist li{padding:10px 15px;cursor:pointer;border-radius:5px;margin-bottom:5px;transition:background-color .3s ease}.playlist li:hover,.playlist li.selected{background-color:#404040}.playlist li:hover .track-title,.playlist li.selected .track-title{font-weight:600}.playlist li:not(:last-child){border-bottom:1px solid #555}.track-details{display:flex;flex-direction:column;justify-content:space-between;align-items:center;font-size:.8em;color:#fff;font-weight:500;text-align:left;align-items:flex-start}.track-title{font-size:1em;font-weight:500;color:#fff;margin:0;line-height:normal}.track-artist{font-size:.9em;color:#aaa;margin:0}.playlist ul{padding-right:.3em;padding-top:.5em}.playlist::-webkit-scrollbar{height:6px;width:6px}.playlist::-webkit-scrollbar-corner{background-color:transparent}.playlist::-webkit-scrollbar-thumb{background-color:#b2b2b2a3;border-radius:4px}.playlist::-webkit-scrollbar-track-piece{-webkit-margin-before:8px;margin-block-start:8px;-webkit-margin-after:8px;margin-block-end:8px}.HobbiesSection{max-width:var(--max--width);width:100%;padding:1.4em 1.4em 6.25em;align-content:start;gap:1.4em}.HobbiesSection h2{text-align:left;font-size:var( --main-section-font-size);font-weight:var( --main-section-font-weight);line-height:var(--main-section-line-height);margin-bottom:.7em}.hobby-grid{max-width:var(--max--width);display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.external-arrow{display:flex;align-items:center;justify-content:center}@media (min-width: 769px){.hobby-grid{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width: 768px){.hobby-grid{grid-template-columns:repeat(1,1fr)}}@media (max-width: 480px){.hobby-grid{grid-template-columns:1fr}}.CardWithArrow{border:1px solid #f3f3f3;border-radius:10px;overflow:hidden;text-align:center;box-shadow:0 1px 2px #00000008,0 1px 6px -1px #00000005,0 2px 4px #00000005}.CardWithArrow:hover{transition:ease-in-out .2s;transform:scale(1.01);cursor:pointer;box-shadow:0 1px 3px #f677770a,0 1px 6px -1px #fe7b7b08,0 2px 4px #f1838308}.CardWithArrow a{width:100%}.CardWithArrow img{height:auto;width:100%;aspect-ratio:1/1;border-radius:.3em .3em 0 0/.3em .3em 0px 0px;object-fit:cover}.CardWithArrow h3{padding:.3em 1em;margin:0;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center}.MovieSection{background-color:#fffffffe;background-blend-mode:normal;background-image:url(/oh_bg-min.png);background-size:cover;background-repeat:no-repeat;background-position:center;display:flex;flex-wrap:wrap;flex-direction:column;place-items:center;place-content:center;width:100%;padding:1.4em 10%;gap:1.4em;margin:0 auto}.MovieCard{border:solid 1px #f0f0f0;border-radius:.3em;box-shadow:0 1px 2px #00000008,0 1px 6px -1px #00000005,0 2px 4px #00000005;display:flex;flex-direction:column}.MovieSection h2{font-size:var( --main-section-font-size);font-weight:var( --main-section-font-weight);line-height:var(--main-section-line-height);text-align:center;width:100%;padding:.7em 1.4em;max-width:var(--max--width)}.article-container{display:flex;flex-direction:row;gap:1.4em;padding:2.5em}.article-container img{flex-basis:20em;max-width:100%;height:auto;aspect-ratio:2/3;object-fit:contain;border-radius:.3em}.article-container hgroup{flex-grow:1;padding-top:.7em;text-align:left}.MovieSection article:hover img{transition:all ease-in-out .2s;transform:rotate(-5deg)}.MovieSection article hgroup h3{margin:0}.MovieSection article hgroup p a{margin-top:1.4em}.MovieSection article a{justify-content:center;margin:0 auto;max-width:12.5em;border:.0625em solid var(--black);border-radius:.3em}.MovieSection article a{font-weight:700;display:flex;flex-direction:row;align-items:center;gap:.3em;text-shadow:none;bottom:1.5em;padding:.7em 1.4em}.MovieSection article a:hover{color:var(--hover-red)}@media screen and (max-width: 800px){.MovieSection{padding:1.4em 1.4em 6.25em}.article-container{flex-direction:column}.article-container img{max-width:20em;justify-self:center;align-self:center}}.page-header{display:flex;flex-wrap:wrap;overflow:hidden;justify-content:center;align-items:center;row-gap:1.4em;margin:0 auto;max-width:var(--max--width)}@media screen and (max-width: 768px){.page-header .page-cover{width:100%}.page-header figure{width:100%}.page-header hgroup{width:100%}}.breadcrumb-general{width:100%;max-width:max-content;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.7em;margin:1em;border-radius:.3em;color:var(--white);background-color:var(--black);padding:.3em}.breadcrumb-general a{font-weight:600;font-size:.9em;display:flex;align-items:center;gap:.3em;padding:.21em .5em;color:var(--white);background-color:var(--black)}.breadcrumb-general span{color:var(--gray);padding-right:.5em;pointer-events:none}.breadcrumb-general svg{fill:#fff}@media screen and (max-width: 768px){.breadcrumb-general{justify-content:center}}.music-article{width:100%}.playlists-grid{max-width:var(--max--width);width:100%;margin:0 auto;padding-top:2em;padding-bottom:3em}.playlists-grid h2{grid-column:1 / -1;font-size:2em;font-weight:700;margin-bottom:.7em}.playlists-grid figure{aspect-ratio:1/1;position:relative;overflow:hidden;margin:0;border-radius:.125em}.playlists-grid figure figcaption{font-weight:600}.playlists-grid figure figcaption p{display:none;font-weight:400;text-align:justify;margin-top:.3em}.playlists-grid figure:hover figcaption p{display:block}.playlists-grid figure img{width:100%;aspect-ratio:1/1;object-fit:cover;object-position:center;transition:transform ease-in-out .3s}.playlists-grid figure:hover img{transform:scale(1.1)}.playlists-grid figure figcaption{z-index:2;position:absolute;bottom:0;padding:.7em;color:var(--white);text-align:center;width:100%;height:auto;background:linear-gradient(180deg,#17171700,#000);opacity:.6}.playlists-grid figure:hover figcaption{opacity:1;text-shadow:.0625em .0625em .125em black;background:linear-gradient(180deg,#1717174d,#000)}@media screen and (max-width: 1024px){.playlists-grid{grid-template-columns:repeat(auto-fit,minmax(calc(50% - 1.4em),1fr))}}@media screen and (max-width: 768px){.playlists-grid{grid-template-columns:auto}}.playlists{display:grid;grid-gap:2em;padding:16px;grid-template-columns:repeat(auto-fill,minmax(50%,1fr))}.playlists article{border:1px solid #f1f1f1;border-radius:8px;overflow:hidden;box-shadow:0 0 8px #0000001a}.playlists h3{margin:0;padding:8px;background-color:#fff;text-align:center}.playlists img{width:100%;display:block}@media (min-width: 600px){.playlists{grid-template-columns:repeat(auto-fill,minmax(33%,1fr))}}@media (min-width: 1024px){.playlists{grid-template-columns:repeat(auto-fill,minmax(25%,1fr))}}.music-article header{display:flex;width:100%;position:relative;min-height:31em;color:var(--white);padding:0;justify-content:space-between;background-color:var(--red);background-image:url(/assets/music2-KaapGyPL.webp);background-repeat:no-repeat;background-blend-mode:hard-light;background-position:center left;flex-direction:column;flex-wrap:wrap;align-items:flex-start}.music-article header nav a{color:var(--white)}.music-article header nav small svg{fill:var(--white)}.music-article header img{width:100%;height:100%;object-fit:contain;border-radius:0}.music-article header img:hover{transform:none}.music-article header hgroup{background:linear-gradient(180deg,#17171700,#000);padding:1.4em;border-radius:.3em;width:100%;text-align:left}.music-article header .page-cover{border-radius:.75em;bottom:1.4em;right:1.4em;position:absolute;width:calc(100vw - 50%);max-width:25em;height:22.5em}@media screen and (max-width: 1024px){.music-article header .page-cover{width:calc(100vw - 60%)}}@media screen and (max-width: 768px){.music-article header .page-cover{width:100%;max-width:100%;position:static;padding:1.4em;order:1}.music-article header hgroup{order:2;width:100%;max-width:100%}}.hobbies-article{width:100%}.hobbies-article header{display:flex;width:100%;position:relative;min-height:31em;color:var(--white);padding:0;justify-content:space-between;background-color:var(--gray);background-image:url(/assets/hobbies-Pce0qIOi.jpg);background-size:cover;background-repeat:no-repeat;background-blend-mode:hard-light;background-position:center;flex-direction:column;flex-wrap:wrap;align-content:flex-start;align-items:flex-start}.hobbies-article header img{width:100%;height:100%;min-height:28em;object-fit:cover;border-radius:0}.hobbies-article header img:hover{transform:none}.hobbies-article header hgroup{background:linear-gradient(180deg,#17171700,#000);padding:1.4em;border-radius:.3em;width:100%;text-align:left}.hobbies-article header hgroup h2{font-size:1.4em;font-weight:400;margin:0;padding:0;color:var(--white);text-align:center;width:100%;max-width:100%}.hobbies-article header .page-cover{display:none}.hobbies{width:100%;padding:1.4em 1.4em 6.25em;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(calc(30% - 1.4em),1fr));align-content:start;gap:1.4em}.hobbies{max-width:var(--max--width);display:grid;grid-template-columns:repeat(3,1fr);gap:20px}@media (min-width: 769px){.hobbies{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width: 768px){.hobbies{grid-template-columns:repeat(1,1fr)}}@media (max-width: 480px){.hobbies{grid-template-columns:1fr}}.movie-article{width:100%}.movie-article header{display:flex;width:100%;position:relative;min-height:31em;color:var(--white);padding:0;justify-content:space-between;background-color:var(--gray);background-image:url(/assets/movies2-Dw54TnDD.jpeg);background-size:cover;background-repeat:no-repeat;background-blend-mode:hard-light;background-position:center left;flex-direction:column;flex-wrap:wrap;align-content:flex-start;align-items:flex-start}.movie-article header img{width:100%;min-height:28em;object-fit:contain;aspect-ratio:16/9;border-radius:.3em}.movie-article header img:hover{transform:none}.movie-article header hgroup{background:linear-gradient(180deg,#17171700,#000);padding:1.4em;border-radius:.3em;width:100%;text-align:left}.movie-article header .page-cover{border-radius:.75em;bottom:1.4em;right:1.4em;position:absolute;width:calc(100vw - 50%);aspect-ratio:16/9;max-width:25em;height:22.5em}.movies{display:flex;flex-direction:column;row-gap:5em;padding-bottom:3.75em;width:100%}.movie-grid{display:flex;flex-direction:column;row-gap:5em;margin:0 auto;padding-top:3em;max-width:var(--max--width)}.movie-grid h2{grid-column:1 / -1;font-size:2em;font-weight:700;margin-bottom:.7em}.movies .card-with-video:nth-child(2n) .img_principal{grid-area:1 / 3 / 2/ 5;aspect-ratio:16/9}.movies .card-with-video:nth-child(2n):nth-child(3){grid-area:2 / 3 / 3 / 4}.movies .card-with-video:nth-child(2n):nth-child(2){grid-area:2 / 4 / 3 /5}.movies .card-with-video:nth-child(2n) hgroup{grid-area:1 / 1 / 3 /3;text-align:left}.movies .card-with-video:nth-child(odd) .img_principal{grid-area:1 / 1 / 2 / 3;aspect-ratio:16/9}.movies .card-with-video:nth-child(odd):nth-child(3){grid-area:2 / 1 / 3 / 2}.movies .card-with-video:nth-child(odd):nth-child(2){grid-area:2 / 2 / 3 /3}.movies .card-with-video:nth-child(odd) hgroup{grid-area:1 / 3 / 3 /5}@media screen and (max-width: 1024px){.movie-article header .page-cover{width:calc(100vw - 60%)}}@media screen and (max-width: 900px){.movies .card-with-video:nth-child(odd) .img_principal,.movies .card-with-video:nth-child(2n) .img_principal{grid-area:2 / 1 / 2 / 5}.movies .card-with-video:nth-child(odd):nth-child(3),.movies .card-with-video:nth-child(2n):nth-child(3){grid-area:2 / 1 / 3 / 3}.movies .card-with-video:nth-child(odd):nth-child(2),.movies .card-with-video:nth-child(2n):nth-child(2){grid-area:2 / 3 / 3 / 5}.movies .card-with-video:nth-child(odd) hgroup,.movies .card-with-video:nth-child(2n) hgroup{grid-area:1 / 1 / 2 / 5}}@media screen and (max-width: 768px){.movie-article header .page-cover{height:18.75em;width:auto;max-width:100%;position:static;padding:1.4em;order:1;margin:0 auto 4em}.movie-article header hgroup{order:2;width:100%;max-width:100%}}.card-with-video{display:grid;grid-template-columns:repeat(4,1fr);grid-column-gap:1.4em;grid-row-gap:1.4em;max-width:90%;margin:0 auto;justify-items:start;align-items:center;justify-content:space-evenly;align-content:center}.card-with-video img{width:100%;object-fit:cover}.card-with-video a{font-weight:700}.card-with-video h3{font-size:1.8em}.card-with-video figure{aspect-ratio:1/1;margin:0;padding:0}.card-with-video figure img{aspect-ratio:1/1;width:100%;object-fit:cover}.card-with-video .img_principal,.card-with-video .img_principal img{width:100%;aspect-ratio:16/9}.card-with-video hgroup{text-align:left}.link-button{flex-direction:column;align-self:center;justify-self:center;width:100%;text-decoration:none;color:var(--black);font-weight:600;font-size:1.17em;background-color:var(--white);display:flex;justify-content:center;align-items:center;cursor:pointer}.link-button h4{display:flex;justify-content:center;align-items:center;gap:.5em;font-size:1em}.link-button:hover{border-radius:.3em}.link-button img{max-height:200px;width:100%;object-fit:cover}.center{display:flex;justify-content:center;align-items:center}.left{display:flex;justify-content:flex-start;align-items:start}.with-border{border:.0625em solid var(--black);border-radius:.3em}.with-border-radius img{border-radius:.3em}.page-header{display:flex;flex-wrap:wrap;overflow:hidden;justify-content:start;align-items:center;row-gap:1.4em;margin:0 auto;max-width:var(--max--width)}.page-g{display:flex;flex-direction:row;gap:1em;justify-content:center;align-items:center;text-align:left}.page-header figure{width:40%;height:auto;padding:0;margin:0;overflow:hidden;border-radius:.3em;transition:all ease-in-out .3s}.page-header figure:hover{transform:scale(1.1);z-index:3}.page-header figure img{max-height:20em;width:100%;object-fit:contain;object-position:top;transition:all .4s ease-in-out;transform-origin:center center;border-radius:.3em}.page-header figure:hover img{transform:scale(1.5);transform-origin:top}.page-header hgroup{width:calc(60% - 2.5em);padding:.7em}@media screen and (max-width: 768px){.page-g{flex-direction:column;gap:1em;justify-content:center}.page-header .page-cover{width:100%}.page-header figure{width:100%}.page-header hgroup{width:100%}}.about-me{width:100%;max-width:var(--max--width);display:flex;flex-direction:column;padding:1.8em 1.4em 2.5em}.about-me header figure{max-width:18.75em;aspect-ratio:1/1;border-radius:50%;margin:0;padding:0}.about-me header figure img{height:100%;object-fit:cover;filter:grayscale(.9)}.about-me header:hover figure img{filter:grayscale(0)}.about-me .contact-section{margin-top:4em;display:flex;flex-wrap:wrap;flex-direction:row;justify-content:start;align-items:flex-start;row-gap:1em;margin-bottom:3em;text-align:left}.about-me .contact-section .map-content img{width:100%}.about-me .contact-section .map-content:hover{filter:grayscale(0)}.about-me .contact-section nav a svg{height:1.5em;width:1.5em;transition:all ease-in-out .2s}.about-me .contact-section nav a:hover svg{margin-top:-.7em}.contact-section h2{font-size:2em;font-weight:700;margin-bottom:.7em}.about-me .contact-section h2,.about-me .contact-section h3,.about-me .contact-section p{width:100%;margin-bottom:0;margin-top:.3em}.about-me .contact-section nav{display:flex;gap:1.5em;margin-top:1.4em;justify-content:start}.form-map{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:wrap;width:100%;gap:1.5em}.form-map figure{width:100%;margin:0;padding:0}.about-me .contact-section .formulario{margin-top:.7em;width:calc(45% - 1.4em);text-align:left}.about-me .contact-section .map-content{border-radius:.3em;flex:1;max-height:25em;height:auto;filter:grayscale(1)}input[type=text],input[type=email],select,textarea,button{width:100%;padding:.7em;margin-bottom:.7em;border:.0625em solid #ccc;border-radius:.25em}.about-me .contact-section form button{background-color:var(--black);color:var(--white);cursor:pointer}.about-me .contact-section form button:hover{background-color:var(--red)}.notification{display:flex;margin-bottom:.5em;flex-direction:column;align-content:center;justify-content:center;align-items:center;flex-wrap:wrap;border-radius:.3em;width:100%;background-color:#7fffd4;color:#000;font-weight:700;padding:.5em;display:none}.show{display:flex}@media screen and (max-width: 768px){.about-me header figure{order:1}.about-me header hgroup{order:2}.about-me .contact-section{grid-template-columns:auto}.about-me .contact-section .formulario,.about-me .contact-section .map-content{width:100%}}.hobbies-single-article{width:100%;max-width:var(--max--width);display:flex;flex-wrap:wrap;flex-direction:column;justify-content:center;align-items:center;row-gap:1.4em}.main-content,.inner-navigation{width:100%}.hobbies-grid{max-width:var(--max--width);width:100%;margin:0 auto}.hobbies-grid h2{text-align:left;font-size:2em;font-weight:700;margin-bottom:.7em}.gallery{width:100%;padding:1.4em 1.4em 6.25em;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(calc(30% - 1.4em),1fr));align-content:start;gap:1.4em}.gallery{max-width:var(--max--width);display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.gallery figure{aspect-ratio:1/1;position:relative;overflow:hidden;margin:0;border-radius:.125em}.gallery figure img{width:100%;aspect-ratio:1/1;object-fit:cover;object-position:center;transition:transform ease-in-out .3s}.gallery figure figcaption{font-weight:600;z-index:2;position:absolute;bottom:0;padding:.7em;color:var(--white);text-align:center;width:100%;height:auto;background:linear-gradient(180deg,#17171700,#000);opacity:.6}.gallery figure:hover figcaption{opacity:1;text-shadow:.0625em .0625em .125em black;background:linear-gradient(180deg,#1717174d,#000)}.gallery figure:hover img{transform:scale(1.1)}.g-item-description{width:100%;text-align:justify;font-weight:400;display:none}.gallery figure:hover .g-item-description{display:block}.inner-navigation{max-width:var(--max--width);width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;padding:1.4em 1.4em 2.5em;gap:.7em;margin:0 auto}.inner-navigation a{font-weight:600;display:flex;align-items:center;gap:.3em}@media (min-width: 769px){.gallery{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width: 768px){.gallery{grid-template-columns:repeat(1,1fr)}}@media (max-width: 480px){.gallery{grid-template-columns:1fr}}.page-header-single{display:flex;flex-wrap:wrap;justify-content:start;align-items:flex-start;row-gap:1.4em;flex-direction:column;max-width:var(--max--width)}.page-g-single{display:flex;flex-direction:row;gap:1em;justify-content:center;align-items:center;text-align:left}.page-header-single figure{height:auto;padding:0;margin:0;overflow:hidden;border-radius:.3em;transition:all ease-in-out .3s}.page-header-single figure:hover{transform:scale(1.1);z-index:3}.page-header-single figure img{max-height:20em;width:100%;object-fit:contain;object-position:top;transition:all .4s ease-in-out;transform-origin:center center;border-radius:.3em}.page-header-single figure:hover img{transform:scale(1.5);transform-origin:top}.page-header-single hgroup{width:calc(60% - 2.5em);padding:.7em}@media screen and (max-width: 768px){.page-g-single{flex-direction:column;gap:1em;justify-content:center}.page-header-single .page-cover{width:100%}.page-header-single figure{width:100%}.page-header-single hgroup{width:100%}}.search-container{display:flex;position:absolute;flex-direction:column;gap:1em;padding:1em;border:1px solid #eaeaea;border-radius:.3em;background-color:#fdfdfd;z-index:999999;width:96%;left:50%;top:80px;transform:translate(-50%);margin:0 auto;box-shadow:0 0 3px #7272724d}.search-results div:first-of-type{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;gap:1em;list-style:none}.search-results li{list-style:none;background-color:#f5f3f3aa;padding:.5em;margin-bottom:.5em;border-left:2px solid black}.search-results img{border-radius:.3em;max-width:50px;object-fit:cover}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}