*{padding:0;margin:0;box-sizing:border-box}a{text-decoration:none;color:#ebe6f0}#app{position:relative;overflow-x:hidden}nav{position:relative;display:flex;justify-content:space-around;align-items:center;width:100%;min-height:8vh;font-family:'Poppins', sans-serif;background-color:#111012}.logo{color:#ebe6f0;text-transform:uppercase;letter-spacing:5px;font-size:20px;flex:1 1 15rem;padding-left:1rem}.nav-links{display:flex;justify-content:space-around;width:35%;list-style:none;flex:6 1 60rem}.nav-links a{text-decoration:none;color:#ebe6f0;font-weight:bold;font-size:14px;letter-spacing:3px;padding:5px;position:relative}.nav-links a:after{bottom:-1px;content:"";display:block;height:1px;left:50%;position:absolute;background:#ebe6f0;transition:width 0.3s ease 0s, left 0.3s ease 0s;width:0}.nav-links a:hover:after{width:100%;left:0}.nav-links a.active:after{width:100%;left:0}.burger{display:none;cursor:pointer}.burger div{width:25px;height:3px;background-color:#ebe6f0;margin:5px;border-radius:5px;transition:all 0.5s ease}@media screen and (max-width: 1024px){.nav-links{width:70%}}@media screen and (max-width: 768px){html,body{overflow-x:hidden}.nav-links{position:absolute;right:0px;height:82vh;top:8vh;display:flex;flex-direction:column;align-items:center;background-color:#111012;width:50%;transform:translatex(100%);transition:transform 0.5s ease-in}.nav-links li{opacity:0}.burger{display:block}}.nav-active{transform:translatex(0%)}@keyframes navLinkFade{from{opacity:0;transform:translatex(50px)}to{opacity:1;transform:translate(0px)}}.toggle .line1{transform:rotate(-45deg) translate(-5px, 6px)}.toggle .line2{opacity:0}.toggle .line3{transform:rotate(45deg) translate(-5px, -6px)}.hero{height:92vh;overflow:hidden}.hero img{height:100%;width:100%;object-fit:cover;pointer-events:none}.about{display:flex;flex-wrap:wrap;min-height:90vh;overflow:hidden;background-color:#111012;color:#ebe6f0}.about .text{display:flex;flex-direction:column;justify-content:center;align-items:center;flex:2 1 40rem}.about .text p{width:80%;max-width:450px;line-height:2rem}.about .text button{border:none;font-size:1.2rem;padding:1em 2em;margin:2em;background-color:#111012;border-radius:5px;filter:drop-shadow(1px 1px 1px #ebe6f0)}.about .text button:hover{opacity:0.7}.about .image{flex:1 1 30rem;max-width:100vw;position:relative}.about .image #peti{height:100%;width:100%;object-fit:cover}.about .image .card-text{width:80%;line-height:2rem;font-size:1.2rem;opacity:0;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);transition:opacity ease-out 350ms}.about .image:hover .card-text{opacity:1}.about .image img{transition:opacity ease-out 250ms}.about .image:hover img{opacity:0.2}footer{min-height:10vh;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;flex-direction:row;background-color:#111012;color:#ebe6f0}footer .copyright{flex:1 1 40rem;display:flex;flex-wrap:wrap;justify-content:start;align-items:center;flex-direction:row;padding:0.5rem}footer .social-media{flex:1 1 40rem;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;flex-direction:row;padding:0.5rem}footer .social-media a{margin:0.5rem 1rem}footer .social-media a img{max-width:2.5rem}.contact{display:flex;flex-wrap:wrap;min-height:80vh}.contact .text{flex:2 1 46rem;display:flex;flex-direction:column;justify-content:space-around;align-items:center}.contact .text form{display:flex;flex-direction:column;justify-content:space-around;align-items:center;min-height:50vh}.contact .text form textarea{padding:0.5rem;border-radius:5px;vertical-align:top;width:100%;min-height:6rem}.contact .text form .submit{border:none;font-size:1rem;padding:1em 2em;margin:1em;background-color:#111012;border-radius:5px;color:#ebe6f0}.contact .text span{margin:1em}.contact .text .email{font-size:2rem}.contact .image{flex:1 1 30rem}.contact .image img{height:100%;width:100%;object-fit:cover}.paintings,.prints,.sculptures,.thumb__gallery,.lighbox__gallery{display:flex;flex-wrap:wrap;justify-content:space-around;align-items:center;flex-direction:row;max-width:90vw;margin:auto;min-height:82vh}.prints .thumb__figure{width:300px;height:400px}.thumb__figure{width:200px;height:150px;transition:1s;padding:0.4rem;background:#f4f5f5;border:1px solid #dcdcdc;color:black;font-size:0.8rem;margin:1rem 1rem;cursor:pointer}.thumb__figure:hover{filter:grayscale(50%);transform:scale(1.1, 1.1)}.thumb__image{object-fit:cover;width:100%;height:100%}.thumb__caption{display:none}#lightbox{position:fixed;z-index:10;top:0;width:100%;height:100%;display:none}.lightbox__close{color:white;font-size:3rem;position:absolute;top:2vh;right:2vw;font-weight:bold}.lightbox__close:hover{color:#999;text-decoration:none;cursor:pointer}.lightbox__figure{position:relative;padding:0.8rem;background:#f4f5f5;border:1px solid #dcdcdc;width:-webkit-min-content;width:-moz-min-content;width:min-content}.lightbox__figure:hover .arrow{display:block}.lightbox__image{display:block;max-width:80vw;max-height:80vh;width:auto;height:auto}.ligthbox__caption{font-size:0.8rem}#lightbox.active{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;flex-direction:row;background:rgba(0,0,0,0.9)}.arrow{cursor:pointer;position:absolute;top:50%;transform:translateY(-50%);padding:0.5em 1em;background-color:rgba(255,255,255,0.8);margin:0.5em;border-radius:5px;font-weight:bold;font-size:2rem;display:none;color:black}.arrow--left{left:0}.arrow--right{right:0}@media screen and (max-width: 600px){.paintings,.prints{margin-top:5vh}.gallery__figure{width:100px;height:80px;padding:0.2rem}.prints .gallery__figure{width:250px;height:auto}}