@font-face{font-family:'Messapia';font-style:normal;font-weight:normal;font-display:block;src:local("Messapia"),local("Messapia-Regular"),url("../fonts/messapia/Messapia-Regular.woff2") format("woff2"),url("../fonts/messapia/Messapia-Regular.woff") format("woff")}@font-face{font-family:'Necto Mono';font-style:normal;font-weight:normal;font-display:block;src:local("Necto Mono"),local("NectoMono-Regular"),url("../fonts/nectoMono/Necto-Mono.woff2") format("woff2"),url("../fonts/nectoMono/Necto-Mono.woff") format("woff")}@font-face{font-family:'Manrope';font-style:normal;font-weight:400;src:url(http://fonts.gstatic.com/s/manrope/v13/xn7_YHE41ni1AdIRqAuZuw1Bx9mbZk79FN_C-bk.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}*{box-sizing:border-box;padding:0;margin:0}body{font-family:'Manrope', sans-serif}a,a:visited,a:hover,a:active{color:black}.main-wrapper{max-width:100%;margin:0 auto}.nav-top-wrapper,.nav-bottom-wrapper{padding:5px 20px;position:fixed;width:100%;transition:top 0.3s, bottom 0.3s;z-index:100}.nav-top-wrapper a,.nav-bottom-wrapper a{text-decoration:none}.nav-top-wrapper a:hover,.nav-bottom-wrapper a:hover{cursor:pointer;font-weight:bold}.nav-top-items,.nav-bottom-items{list-style-type:none;display:flex;flex-wrap:wrap;justify-content:space-around;align-items:stretch;text-transform:lowercase}.nav-top-items{flex-wrap:nowrap}.nav-top-items li,.nav-bottom-items li{text-align:center;align-self:center;font-size:32px;padding:15px 5px;margin:10px}.nav-top-items .list-item,.nav-bottom-items .list-item{flex-grow:1;flex-basis:0}.logo{height:60px;background:url("../../../../logo/logoAnnette_black.svg") no-repeat center center}.list-item:not(.logo){display:none}@media screen and (min-width: 768px){.list-item:not(.logo){display:block}}.nav-top-items li a,.nav-bottom-items a{display:block;height:100%;width:100%}.nav-top-wrapper{top:0}.nav-bottom-wrapper{bottom:0}.arrow-back{position:absolute;top:20px;left:20px;text-shadow:none;cursor:pointer;font-size:24px;padding:20px}#burgerMenuButton{display:none}#burgerIcon{background-color:black;display:block;width:24px;height:4px;position:relative;border-radius:2px}@media screen and (min-width: 768px){label.burgerMenuOpen{display:none}}#burgerIcon::before{background-color:black;content:"";display:block;width:100%;height:100%;position:absolute;top:-8px;border-radius:2px;transition:all 0.3s ease}#burgerIcon::after{background-color:black;content:"";display:block;width:100%;height:100%;position:absolute;top:8px;border-radius:2px;transition:all 0.3s ease}.burgerMenuOpen{padding:15px 25px;position:absolute;top:30px;right:0;cursor:pointer;z-index:10}.burgerMenuOpen:hover #burgerIcon:before{top:-10px}.burgerMenuOpen:hover #burgerIcon:after{top:10px}.burgerMenu{position:fixed;top:0;left:0;bottom:0;right:0;background-color:rgba(255,255,255,0.95);overflow-y:scroll}.burgerMenu label{width:30px;height:30px;position:absolute;right:20px;top:20px;background-size:100%;cursor:pointer}.burgerMenu .burgerMenuContent{position:relative;font-size:38px;text-align:center;padding:20px 0}@media screen and (min-width: 768px){.burgerMenu .burgerMenuContent{font-size:48px}}.burgerMenu ul{list-style:none;padding:0;margin:0 auto}.burgerMenu ul li a{color:#23a6b9;display:block;text-decoration:none;transition:color 0.2s;text-transform:lowercase;padding:10px 0;word-wrap:break-word}.burgerMenu ul li:hover{background:white}.burgerMenuEffects{opacity:0;visibility:hidden;transition:opacity 0.5s, visibility 0.5s}.burgerMenuEffects ul{transform:translateY(0%);transition:all 0.5s}#burgerMenuButton:checked~.burgerMenuEffects{opacity:1;visibility:visible;transition:opacity 0.5s}#burgerMenuButton:checked~.burgerMenuEffects ul{opacity:1}#burgerMenuButton:checked~.burgerMenuOpen{position:fixed}#burgerMenuButton:checked~.burgerMenuOpen #burgerIcon{background-color:transparent}#burgerMenuButton:checked~.burgerMenuOpen #burgerIcon:before{content:"";background-color:black;transform:rotate(45deg);position:absolute;top:0;right:0}#burgerMenuButton:checked~.burgerMenuOpen #burgerIcon:after{content:"";background-color:black;transform:rotate(-45deg);position:relative;top:0;right:0}#burgerMenuButton:not(:checked)~.burgerMenuEffects ul{transform:translateY(-30%)}.gallery-container{margin:100px 25px}@media screen and (min-width: 1024px){.gallery-container{margin:150px 100px}}.gallery{margin-top:50px;display:grid;grid-template-columns:repeat(1, 1fr);gap:30px;grid-auto-flow:dense}@media screen and (min-width: 768px){.gallery{grid-template-columns:repeat(2, 1fr)}}@media screen and (min-width: 1024px){.gallery{grid-template-columns:repeat(3, 1fr)}}.gallery-item{width:100%;height:100%;position:relative}.gallery-item .image{width:100%;height:100%}.gallery-item .image img{width:100%;height:100%;object-fit:scale-down;object-position:50% 50%;cursor:pointer;transition:.5s ease-in-out}.gallery-item:hover .image img{transform:scale(1.03)}.search-filter-container{text-align:center;list-style-type:none}.search-filter{margin:10px 0px}@media screen and (min-width: 1024px){.search-filter{display:inline-block;margin:10px}}.no-webp body.home{background:url("../../../../logo/logoAnnette_white.svg") no-repeat center center,url("../images/home.jpg") no-repeat center center;background-size:90% 50%, cover}@media screen and (min-width: 768px){.no-webp body.home{background-size:60%, cover}}@media screen and (min-width: 1024px){.no-webp body.home{background-size:40%, cover}}.webp body.home{background:url("../../../../logo/logoAnnette_white.svg") no-repeat center center,url("../images/home.webp") no-repeat center center;background-size:90% 50%, cover}@media screen and (min-width: 768px){.webp body.home{background-size:60%, cover}}@media screen and (min-width: 1024px){.webp body.home{background-size:40%, cover}}.no-js body.home{background:url("../../../../logo/logoAnnette_white.svg") no-repeat center center,url("../images/home.jpg") no-repeat center center;background-size:90% 50%, cover}@media screen and (min-width: 768px){.no-js body.home{background-size:60%, cover}}@media screen and (min-width: 1024px){.no-js body.home{background-size:40%, cover}}.home .nav-top-items a,.home .nav-bottom-items a{color:white}#burgerIcon.home,#burgerIcon::before.home,#burgerIcon::after.home{background-color:white}.main-wrapper.home{height:100vh}body.bio{background-color:#D4E2D4}.bio .nav-top-items a,.bio .nav-bottom-items a{color:black}.content.bio{padding:30px;text-align:center}@media (orientation: landscape){.content.bio{padding:40px}}@media screen and (min-width: 768px){.content.bio{padding:60px}}@media screen and (min-width: 1024px){.content.bio{padding:80px}}.content.bio img{width:100%;margin-bottom:40px}@media screen and (min-width: 768px){.content.bio img{width:50%}}@media screen and (min-width: 1024px){.content.bio img{width:33%}}.content.bio .text{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start}.content.bio .text p{font-family:"Manrope";line-height:2rem;text-align:justify;flex:content}@media screen and (min-width: 768px){.content.bio .text p{flex:1}}@media screen and (min-width: 768px){.content.bio .text p.left{margin-right:20px}}@media screen and (min-width: 768px){.content.bio .text p.right{margin-left:20px}}body.section{background-color:rgba(205,133,63,0.5)}body.section.canvas{background-color:#FCF8E8}body.section.porcelain{background-color:#F8E9E1}body.section.tempera{background-color:#D4E2D4}body.section.porcelain{background-color:#F8CCB0}body.section.porcelain{background-color:#B4D9AB}.section .nav-top-items a,.section .nav-bottom-items a{color:black}body.artwork{background-color:#F8CCB0}.artwork .list-item:not(.logo){display:block}.back{font-size:32px;width:120px;text-align:center}.content.artwork{margin-top:40px;padding:30px;text-align:center}.content.artwork img{width:100%;margin-bottom:40px}@media screen and (min-width: 768px){.content.artwork img{width:80%}}@media screen and (min-width: 1024px){.content.artwork img{width:60%}}.content.artwork p{line-height:2rem}body.contact{background-color:#F8E9E1}.contact .nav-top-items a,.contact .nav-bottom-items a{color:black}.content.contact{margin-top:60px;padding:30px;text-align:center}@media (orientation: landscape){.content.contact{padding:40px}}@media screen and (min-width: 768px){.content.contact{padding:60px}}@media screen and (min-width: 1024px){.content.contact{padding:80px}}.content.contact .text{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start}.content.contact .text p{font-family:"Manrope";line-height:2rem;text-align:justify;flex:content}@media screen and (min-width: 768px){.content.contact .text p{flex:1}}@media screen and (min-width: 768px){.content.contact .text p.left{margin-right:20px}}@media screen and (min-width: 768px){.content.contact .text p.right{margin-left:20px}}