header>.top{position:relative;height:100px;width:100%}header .top>a{text-decoration:none;color:#fff}header .top a>h1{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin:0;font-weight:700;font-size:1.95em;opacity:.9;transition:.2s}header .top a>h1:hover{opacity:1}header .top>.linkedin{position:absolute;top:50%;right:100px;transform:translateY(-50%)}header .top>.instagram{position:absolute;top:50%;right:25px;transform:translateY(-50%)}header .top a>img{width:40px;aspect-ratio:1;opacity:.75;transition:.2s}header .top a>img:hover{width:45px;opacity:1}header>nav{display:flex;justify-self:center;justify-content:space-around;align-items:center;text-align:center;height:50px;width:50vw;max-width:500px;margin:auto}header nav>a{font-weight:400;font-size:1.2em;color:#fff;text-decoration:none;opacity:.75;transition:.2s}header nav>a:hover{opacity:1}@media (max-width: 800px){header>.top{text-align:start}header .top a>h1{font-size:1.35em;left:35%}header .top a>h1:hover{font-size:1.4em}header .top a>img{width:30px}header .top a>img:hover{width:35px}header>nav{width:75vw}header nav>a{font-size:.9em}header .top>.linkedin{right:65px}header .top>.instagram{right:15px}}.about{display:grid;grid-template-columns:50% 50%;background-color:#ffffff80;box-shadow:0 10px 20px 10px #0003;width:90vw;max-width:1200px;justify-self:center;margin:5vh auto;border-radius:50px;color:#000;padding:50px 0}.about>img{display:block;grid-column:2;grid-row:1;align-self:center;justify-self:center;width:80%;max-width:400px;aspect-ratio:1;margin:auto;border-radius:100%}.about>.info{display:block;grid-column:1;grid-row:1;align-self:center;width:100%}.about .info>p{padding:10px 25px;font-style:italic;font-weight:700}@media (max-width: 1000px){.about{display:block;padding:0 auto}.about>img{width:50%}.about .info>p{font-size:.9em}}@media (max-width: 600px){.about>img{width:55%}.about .info>p{font-size:.75em}}.contact{background-color:#ffffff80;box-shadow:0 10px 20px 10px #0003;width:90vw;max-width:1200px;justify-self:center;margin-top:5vh;border-radius:50px;color:#000;margin:50px auto}.contact>h2{text-align:center;padding:40px}.contact>form{justify-self:center;padding-bottom:25px}.contact form>input,.contact form>textarea{display:block;font-style:italic;font-family:Besley;background-color:#fff;color:#000;margin:0 auto 25px;width:50vw;max-width:700px;border:none;border-radius:25px;height:50px;text-indent:20px;box-shadow:0 0 10px 1px #0003;transition:.2s}.contact form>textarea{min-height:200px;padding-top:15px}.contact form>input:focus,.contact form>textarea:focus{box-shadow:0 0 10px 1px #0006}.contact form>button{font-family:Besley;display:block;justify-self:center;background-color:#fff;border-radius:25px;border:solid #00000000 2px;width:30vw;max-width:400px;height:50px;transition:.2s;cursor:pointer;margin:auto;color:#000;box-shadow:0 0 10px 1px #0003}.contact form>button:hover{border:solid black 2px;font-size:1em;box-shadow:0 0 10px 1px #0006}.contact form>.error{font-size:.9em;font-weight:700;color:red;padding-left:5vw}.contact form>.success{font-size:1.2em;font-weight:700;color:#000;text-align:center}.contact>.mail{display:block;color:#000;font-weight:700;text-decoration:none;text-align:center;justify-self:center;padding:15px;opacity:.7;transition:.2s}.contact>.mail:hover{letter-spacing:1px;opacity:1}@media (max-width: 700px){.contact form>input,.contact form>textarea{width:70vw}.contact form>button{width:50vw}}.cards .category-open{width:100%;height:100%}.category-open>.body{width:90vw;max-width:1100px;justify-self:center;justify-content:center;margin:auto}.category-open .body>.main-img{display:block;height:50vh;max-width:90vw;justify-self:center;border-radius:10px;border:solid white 1px;margin:25px auto}.category-open .body>.img-gallery{display:flex;flex-wrap:wrap;width:100%;justify-content:center;margin:25px auto}.category-open .body .img-gallery>img{width:150px;margin:10px;aspect-ratio:3/2;border-radius:10px;border:solid white 1px;cursor:pointer;opacity:.75;transition:.2s}.category-open .body .img-gallery>img:hover{opacity:1}@media (max-width: 650px){.category-open .body>.main-img{height:35vh;max-width:85vw}.category-open .body .img-gallery>img{width:100px;margin:5px}.portfolio .category-open .head>button{width:115px;font-size:1em;margin-right:25px}.portfolio .category-open .head button>img{height:35px;aspect-ratio:1}.portfolio .category-open .head button>h3{font-size:1.1em}.portfolio .category-open .head button:hover>h3{font-size:1.2em}.portfolio .category-open .head div>h2{font-size:1.35em}.portfolio .category-open .head div>p{font-size:.7em}}.portfolio-header{display:flex;width:90vw;max-width:1100px;justify-self:center;justify-content:start;align-items:center;margin:auto}.portfolio-header>.titles{margin-left:5vw;cursor:default}.portfolio-header .titles>h1{font-size:2.5em;font-weight:700}.portfolio-header .titles>h3{font-size:1em;line-height:1.25em;font-weight:400;color:#d9d9d9;padding:10px 0}.back{display:flex;flex-shrink:0;align-items:center;border:1px solid white;border-radius:10px;width:150px;text-decoration:none;margin:5vh 0;transition:.2s;background:none;cursor:pointer}.back>h3{font-family:Besley;color:#fff;text-align:center;width:100%;transition:.2s}.back:hover{background:#ffffff20}.back:hover>h3{font-size:1.25em}@media (max-width: 800px){.back{width:115px}.back>img{height:35px;aspect-ratio:1}.back>h3{font-size:1.1em}.back:hover>h3{font-size:1.1em}.portfolio-header .titles>h1{font-size:1.5em;line-height:1.2em}.portfolio-header .titles>h3{font-size:.65em}}.break{justify-self:center;width:90vw;max-width:1200px;height:1px;background-color:#ffffff50;margin:auto}.portfolio>.loading{position:relative;text-align:center;white-space:nowrap;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);cursor:default}.portfolio{background-color:#000;background-image:url(../../images/background-portfolio.png);background-size:cover;background-position:center center;background-repeat:no-repeat;min-height:100vh;width:100vw;justify-content:center;align-content:start}@media (min-width: 1600px){.portfolio{animation:bgMove 5s ease-in-out infinite alternate}}@keyframes bgMove{0%{background-position:center center}to{background-position:center calc(50% + 10px)}}.portfolio>.cards{display:grid;grid-template-columns:30% 30% 30%;gap:3vw;width:90vw;max-width:1100px;justify-self:center;justify-content:center;margin:25px auto 200px}.portfolio .cards>.portfolio-card{aspect-ratio:3 / 2;border-radius:10px;border:white solid 1px;text-align:center;cursor:pointer;background-image:url(../../images/portfolio/animal-photography/Animal1.jpg);background-size:100% 100%;background-position:center;background-repeat:no-repeat;transition:.5s;align-content:end}.portfolio .cards .portfolio-card>h3{height:35%;background:linear-gradient(360deg,#000000bf,#00000080,#0000);border-radius:0 0 10px 10px;transition:.5s;align-content:end;padding-bottom:6%}.portfolio .cards .portfolio-card:hover>h3{height:40%;padding-bottom:15%}@media (max-width: 800px){.portfolio>.cards{grid-template-columns:48% 48%;gap:4%;width:90vw}.portfolio .cards .portfolio-card>h3{height:35%;font-size:.9em}}*{margin:0;padding:0}body{font-family:Besley;background-color:#000;color:#fff;min-height:100vh;overflow-x:hidden;background-image:url(../../images/background-landscape.png);background-size:max(100vw,1500px) auto;background-position:top center;background-repeat:no-repeat;background-color:#f7f7f7}h1{font-style:italic;font-weight:400;font-size:2em}.home>h1{text-align:center;margin-top:34vh;font-size:1.75em;opacity:.95;cursor:default}.home>div{display:flex;flex-direction:row;justify-self:center;margin-top:10vh}.home div>a{display:block;align-content:center;font-size:1.2em;font-weight:700;color:#000;text-decoration:none;width:25vw;margin:0 10vw;text-align:center;background-color:#ffffff80;height:50px;border-radius:5px;transition:.2s;border:2px solid rgb(255,255,255,0)}.home div>a:hover{background-color:#000000bf;color:#fff;font-size:1.3em;border:2px solid rgb(255,255,255,.75)}@media (min-width: 1500px){.home>h1{margin-top:22vw}}@media (max-width: 1000px){.home>h1{font-size:1.15em;width:90vw;justify-self:center;margin:auto;margin-top:38vh}.home div{flex-direction:column}.home div>a{width:70vw;margin:25px auto;font-size:1em}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-color:#ffffff1a;pointer-events:none;z-index:-1}}@media (max-width: 600px){.home>h1{margin-top:37.5vh}}