@font-face{font-family:Inter;font-weight:400;src:url(/static/media/Inter.853e01975d2783d9fa29.ttf) format("truetype")}@font-face{font-family:Tenor;font-weight:400;src:url(/static/media/TenorSans-Regular.f585563fc5860e3271ea.ttf) format("truetype")}:root{--main-background:#fff;--main-text-color:#000;--main-accent:#fd6738;--success-color:#36b419;--error-color:#811834;--grey-color:#bbb;--main-font:normal 12px "Tenor",sans-serif;--border-radius:15px;--main-outline:1px solid var(--main-text-color);--main-margin:20px;--main-gap:50px;--main-section-padding:30px;--split-proportion:35svw;--main-width:calc(100svw - var(--main-margin)*2);--half-proportion:calc(50svw - var(--main-margin)*2);--navbar-height:150px;--footer-height:150px;--section-height:calc(100svh - var(--footer-height) - var(--navbar-height) - var(--main-section-padding)*2);
    /* !!! change also blurhash size in image component !!! */--painting-height:300px;--painting-width:150px}@media (prefers-color-scheme:dark){:root{--main-background:#000;--main-text-color:#fff}}[data-theme=light]{--main-background:#fff;--main-text-color:#000;color-scheme:light}[data-theme=dark]{--main-background:#000;--main-text-color:#fff;color-scheme:dark}@media only screen and (min-height:900px) and (min-width:1500px){:root{--main-margin:30px;--main-outline:2px solid var(--main-text-color);--navbar-height:250px;--footer-height:250px;--painting-height:500px;--painting-width:250px}}@media only screen and (min-height:1000px) and (min-width:2400px){:root{--main-margin:40px;--main-outline:2px solid var(--main-text-color)}}@media only screen and (min-height:2000px) and (min-width:3500px){:root{--main-margin:40px;--main-outline:2px solid var(--main-text-color);--navbar-height:300px;--footer-height:300px}}@media only screen and (max-height:899px) and (max-width:1499px){:root{--main-margin:20px;--main-outline:1px solid var(--main-text-color)}}@media only screen and (max-width:770px){:root{--painting-height:250px;--painting-width:125px}}@media only screen and (max-width:500px){:root{--main-margin:10px}}html{margin:0;padding:0}body{background:#fff;background:var(--main-background);color:#000;color:var(--main-text-color);font:normal 12px Tenor,sans-serif;font:var(--main-font);margin:20px;margin:var(--main-margin);padding:0}.mobile-only{display:none}.container{margin:0;padding:0}.section{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:calc(100svh - 360px);min-height:var(--section-height);padding:30px;padding:var(--main-section-padding)}.relative{position:relative}h1,h2,h3,h4,h5,h6{font-family:Tenor;font-weight:400;letter-spacing:3px;text-transform:uppercase}h1{font-size:40px}h2{font-size:26px}h3{font-size:24px}h4{font-size:18px}h5{font-size:14px;font-weight:600}p{font-family:Inter;font-size:12px;font-weight:400;letter-spacing:1px;line-height:1.5}a{color:#000;color:var(--main-text-color);margin:0;padding:0;text-decoration:none}.link{font-family:Inter;font-size:12px;font-weight:400;letter-spacing:1px;line-height:1.5}.link:hover{font-weight:700;-webkit-text-decoration:1px solid #000;text-decoration:1px solid #000;-webkit-text-decoration:1px solid var(--main-text-color);text-decoration:1px solid var(--main-text-color)}.underlined{text-decoration:underline}.regular-button{align-self:center;background-color:#000;background-color:var(--main-text-color);border:none;color:#fff;cursor:pointer;font:normal 12px Tenor,sans-serif;font:var(--main-font);font-size:12px;font-weight:400;letter-spacing:3px;margin-top:40px;margin-top:calc(var(--main-margin)*2);outline:none;padding:10px 60px;padding:calc(var(--main-margin)/2) calc(var(--main-margin)*3);text-decoration:none;text-transform:uppercase;transition:.5s;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.regular-button:hover{padding:10px 100px;padding:calc(var(--main-margin)/2) calc(var(--main-margin)*5)}.grid{grid-gap:50px;grid-gap:var(--main-gap);display:grid;gap:50px;gap:var(--main-gap);grid-template-columns:repeat(4,1fr);margin-bottom:60px}.row{display:flex;flex-direction:row}.column,.full-row{display:flex;flex-direction:column}.full-row{border:1px solid #000;border:var(--main-outline);justify-content:center;width:calc(35svw*2 + 80px);width:calc(var(--split-proportion)*2 + var(--main-margin)*4)}.full-row,.half{align-items:center;margin:20px;margin:var(--main-margin);padding:20px;padding:var(--main-margin)}.half{display:flex;flex-direction:column;width:35svw;width:var(--split-proportion)}.outline,input{border:1px solid #000;border:var(--main-outline)}input{background-color:initial;font:normal 12px Tenor,sans-serif;font:var(--main-font);letter-spacing:1px;margin:0 0 20px 20px;margin:0 0 var(--main-margin) var(--main-margin);outline:none}input:last-child{grid-column:1/3}.icon{height:20px;object-fit:contain;width:20px}@media only screen and (min-height:900px) and (min-width:1500px){h1{font-size:60px;margin:15px 0}h2{font-size:54px}h3{font-size:36px}h4{font-size:24px}h5,p{font-size:18px}p{font-family:Inter;font-weight:400;letter-spacing:1px;line-height:1.5}.link,.regular-button,a{font-size:18px}.section{min-height:calc(100svh - 450px);min-height:calc(100svh - var(--footer-height) - var(--navbar-height) - 150px);padding:30px;padding:var(--main-section-padding)}}@media only screen and (min-height:1000px) and (min-width:2400px){h1{font-size:70px}h2{font-size:64px}h3{font-size:48px}h4{font-size:36px}.link,.regular-button,a,h5,p{font-size:24px}}@media only screen and (min-height:2000px) and (min-width:3500px){h1{font-size:96px}h2{font-size:80px}h3{font-size:64px}h4{font-size:48px}a,h5,p{font-size:36px}.regular-button{font-size:24px}.link{font-size:36px}}@media only screen and (max-height:1000px) and (max-width:1499px){h1{font-size:40px}h2{font-size:32px}h3{font-size:24px}h4{font-size:18px}h5{font-size:14px}.regular-button,a,p{font-size:12px}.section{min-height:calc(100svh - 450px);min-height:calc(100svh - var(--footer-height) - var(--navbar-height) - 150px)}}@media only screen and (max-width:1030px){h1{font-size:36px}h2{font-size:24px}h3{font-size:18px}h4{font-size:14px}h5{font-size:12px}p{font-size:10px}.regular-button,a{font-size:12px}.section{min-height:calc(100svh - 400px);min-height:calc(100svh - var(--footer-height) - var(--navbar-height) - 100px)}}@media only screen and (max-width:500px){.mobile-only{display:block}.grid{grid-template-columns:repeat(2,1fr)}.title-row{grid-column:1/3}}@media only screen and (max-width:300px){h1{font-size:18px}h2{font-size:16px}h3{font-size:14px}h4{font-size:12px}a,h5,h6,p{font-size:10px}}nav{align-items:center;background:#fff;background:var(--main-background);display:flex;flex-direction:column;height:150px;height:var(--navbar-height);justify-content:center;margin:0;padding:0;position:-webkit-sticky;position:sticky;top:0;z-index:11}.navbar-logo{height:20px;height:var(--main-margin);object-fit:contain;padding:20px;padding:var(--main-margin) var(--main-margin);vertical-align:middle;width:auto}.main-menu{align-items:center;display:flex}.navbar-link{letter-spacing:2px;margin:20px 40px;margin:var(--main-margin) calc(var(--main-margin)*2)}.hamburger{display:none}.hamburger .line{background-color:#000;background-color:var(--main-text-color);display:block;height:3px;margin:8px auto;transition:all .3s ease-in-out;width:40px}.hamburger:hover{cursor:pointer}#hamburger-1.is-active .line:nth-child(2){opacity:0}#hamburger-1.is-active .line:first-child{transform:translateY(11px) rotate(45deg)}#hamburger-1.is-active .line:nth-child(3){transform:translateY(-11px) rotate(-45deg)}.visible{display:flex}.invisible{display:none}@media only screen and (max-width:500px){nav{display:grid;grid-template-columns:4fr 1fr;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.navbar-logo{border-right:none}.hamburger{display:block;margin:20px}.main-menu{background-color:#fff;background-color:var(--main-background);border-left:none;border-top:1px solid #000;border-top:var(--main-outline);flex-direction:column;grid-column:1/3;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding-bottom:30px}.navbar-link{border-bottom:1px solid #000;border-bottom:var(--main-outline);display:block;margin:20px 0;padding:20px}}.category-heading{font-size:16px;margin:40px 0}.image-composition{padding:0;position:relative}.blurhash,.image-composition,.painting{height:300px;height:var(--painting-height);width:150px;width:var(--painting-width)}.blurhash,.painting{-webkit-filter:brightness(100%);left:0;object-fit:cover;position:absolute;top:0}.blurhash{position:absolute;z-index:10}.placeholder-image{-webkit-filter:brightness(100%);height:200px;object-fit:cover;width:100px}.loupe-icon{--size:30px;height:var(--size);left:calc(75px - var(--size)/2);left:calc(var(--painting-width)/2 - var(--size)/2);opacity:0;position:absolute;top:calc(150px - var(--size)/2);top:calc(var(--painting-height)/2 - var(--size)/2);width:var(--size);z-index:2}.blurhash:hover .loupe-icon,.image-composition:hover .loupe-icon,.painting:hover .loupe-icon{opacity:1}.painting:hover,.placeholder-image:hover{cursor:pointer;-webkit-filter:brightness(60%);transition:all .5s ease}.image-popup-div{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#ffffff4d;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100svw;z-index:12}.image-popup{height:70svh;margin-bottom:0;margin-right:30px;object-fit:contain;width:auto}.close-icon{cursor:pointer;position:absolute;right:30px;top:30px;z-index:6}@media only screen and (min-height:900px) and (min-width:1500px){.category-heading{font-size:24px}}@media only screen and (min-height:1000px) and (min-width:2400px){.category-heading{font-size:32px}}@media only screen and (min-height:2000px) and (min-width:3500px){.category-heading{font-size:40px}}.about{flex-direction:row;gap:50px}.about div{max-width:35svw;max-width:var(--split-proportion)}.about-photo{align-self:flex-end;aspect-ratio:1/1;border-radius:50%;height:calc(100svh - 360px);height:var(--section-height);object-fit:cover;width:auto}.about h1{align-self:flex-start}@media only screen and (min-height:900px) and (min-width:1500px){.about-photo{height:-webkit-max-content;height:max-content;max-width:25svw;width:25svw}}@media only screen and (max-height:900px){.about{padding:50px}}@media only screen and (max-width:1030px){.about{align-items:center;flex-direction:column;gap:0;justify-content:center;padding:0}.about div{align-self:center;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.about .half,.abouthalf{width:50svw}.abouthalf{align-items:center;padding:60px;text-align:center}.about-photo{align-self:center;height:30svh;width:auto}}.contact{align-items:center;display:flex;flex-direction:row}.part1{margin-top:-150px;text-align:end;width:25svw}.part2{margin-left:80px;width:35svw}.contact-form{display:grid;grid-template-columns:1fr 1fr}.contact-input{border:none;border-bottom:1px solid #000;border-bottom:var(--main-outline)}textarea{background-color:initial;border:1px solid #000;border:var(--main-outline);grid-column:1/3;height:100px;margin:0 0 20px 20px;margin:0 0 var(--main-margin) var(--main-margin)}@media only screen and (min-height:900px) and (min-width:1500px){input{font-size:18px}textarea{height:150px}.contact .part1{align-self:flex-start;margin-top:30px}.contact input:last-child{margin-top:20px}}@media only screen and (min-height:1000px) and (min-width:2400px){input{font-size:24px;margin:0 0 40px 20px;margin:0 0 calc(var(--main-margin)*2) var(--main-margin);margin-bottom:60px}textarea{height:200px}}@media only screen and (min-height:2000px) and (min-width:3500px){input{font-size:36px;margin:0 0 40px 20px;margin:0 0 calc(var(--main-margin)*2) var(--main-margin)}textarea{height:300px}.contact .part1{margin-top:200px}}@media only screen and (max-width:1030px){.contact,.part1{flex-direction:column}.part1{align-items:center;border:1px solid #000;border:var(--main-outline);display:flex;margin-bottom:60px;margin-top:-10px;padding:60px 0;width:60svw}.part2{margin-left:0;width:60svw}.contact input,.contact textarea{margin-bottom:40px;margin-left:0}.contact input:last-child{margin:auto}#contact{justify-content:center}}@media only screen and (max-width:770px){.part1{margin-bottom:40px;margin-top:-20px;padding:30px 0}.contact input,.contact textarea{margin-bottom:40px;margin-left:0}}@media only screen and (max-width:500px){#contact{flex-direction:column}.part1{margin-top:50px;text-align:center}.part1,.part2{width:calc(100svw - 120px);width:calc(100svw - var(--main-margin)*6)}.part2{margin-left:0;padding:0}form{gap:40px;gap:calc(var(--main-margin)*2);margin-top:50px;width:100%}.contact textarea{margin-bottom:10px;margin-top:20px;margin-top:var(--main-margin);width:calc(100% - 5px)}.contact input{margin-bottom:10px;width:100%}.contact input:last-child{margin-bottom:30px;width:calc(100svw - 120px);width:calc(100svw - var(--main-margin)*6)}}.add-painting h1,.add-painting h2,.login h1,.login h2{font-size:24px;margin:0 0 20px;margin:0 0 var(--main-margin) 0}.add-painting p,.login p{max-width:400px;text-align:center}.add-painting .link,.login .link{margin-bottom:20px;margin-bottom:var(--main-margin);white-space:pre}.add-painting-form,.login-form{display:flex;flex-direction:column}.add-painting-input,.login-input{height:20px;width:300px}.add-painting-input,.add-painting-label,.login-input,.login-label{margin:0 0 20px;margin:0 0 var(--main-margin) 0}@media only screen and (min-height:900px) and (min-width:1500px){.add-painting p,.login p{font-size:18px;max-width:500px}.add-painting h1,.add-painting h2,.login h1,.login h2{font-size:24px}.add-painting-input,.login-input{height:25px;margin:0 0 20px;margin:0 0 var(--main-margin) 0;width:500px}.add-painting-label,.login-label{font-size:16px}}@media only screen and (min-height:1000px) and (min-width:2400px){.add-painting p,.login p{font-size:24px;max-width:700px}.add-painting h1,.add-painting h2,.login h1,.login h2{font-size:36px}.add-painting-input,.login-input{height:35px;margin:0 0 20px;margin:0 0 var(--main-margin) 0;width:700px}.add-painting-label,.login-label{font-size:20px}}@media only screen and (min-height:2000px) and (min-width:3500px){.add-painting p,.login p{font-size:36px;max-width:800px}.add-painting h1,.add-painting h2,.login h1,.login h2{font-size:48px}.add-painting-input,.login-input{height:40px;margin:0 0 20px;margin:0 0 var(--main-margin) 0;width:800px}.add-painting-label,.login-label{font-size:24px}}@media only screen and (max-width:770px){.login-input{width:100%}.login button{margin:30px 0;width:100%}}.editing-image-menu{display:flex}.editing-image-menu .half{background-color:#fff;background-color:var(--main-background);margin:0}.delete-icon,.edit-icon{--size:16px;background-color:#bbb;background-color:var(--grey-color);border-radius:50%;bottom:calc(var(--size)/2);cursor:pointer;height:var(--size);padding:5px;position:absolute;right:calc(var(--size)/2);width:var(--size);z-index:2}.delete-icon{right:calc(var(--size)*2.5)}@media (orientation:portrait){.editing-image-menu{flex-direction:column-reverse;gap:30px}.editing-image-menu .half{width:40svw}.editing-image-menu .image-popup{height:auto;margin-bottom:30px;margin-right:0;width:calc(40svw + 40px);width:calc(40svw + var(--main-margin)*2)}.add-painting .full-row{border:none}.add-painting .half h1,.add-painting .half h2{align-self:center;text-align:center}}@media only screen and (max-width:1030px){.add-painting-input{width:100%}.add-painting .regular-button{margin:40px 0;width:100%}}@media only screen and (max-width:770px){.add-painting .row{flex-direction:column}.add-painting .half{margin:20px 0;padding:20px;width:70svw}}#footer{align-items:center;border-top:1px solid #000;border-top:var(--main-outline);bottom:0;display:flex;height:150px;height:var(--footer-height);justify-content:space-between;margin:0;padding:0;width:calc(100svw - 40px);width:calc(100svw - (var(--main-margin))*2)}#footer-menu{display:flex;flex-grow:2;justify-content:space-around;padding:20px 40px;padding:var(--main-margin) calc(var(--main-margin)*2)}.footer-column{display:flex;flex-direction:column}#footer p,.footer-link{letter-spacing:1px;margin:8px}.footer-logo{height:40px;height:calc(var(--main-margin)*2);object-fit:contain;padding:20px 40px;padding:var(--main-margin) calc(var(--main-margin)*2);vertical-align:middle;width:auto}@media only screen and (max-width:500px){.footer-column:nth-child(2){display:none}.footer-column h5{font-size:10px}.footer-p{font-size:8px;margin:5px}}.thanks{align-items:center;background-color:red;display:flex;flex-direction:column;justify-content:center;padding:50px 0}.thanks-image{height:25svh;margin:20px;margin:var(--main-margin);object-fit:contain;width:auto}.error,.message,.success{margin:0 0 20px;margin:0 0 var(--main-margin) 0;outline:1px solid #fd6738;outline:1px solid var(--main-accent);width:300px}.error,.message,.message p,.success{color:#fd6738;color:var(--main-accent)}.success{outline:1px solid #36b419;outline:1px solid var(--success-color)}.success,.success p{color:#36b419;color:var(--success-color)}.error{outline:1px solid #811834;outline:1px solid var(--error-color)}.error,.error p{color:#811834;color:var(--error-color)}@media only screen and (max-width:1030px){.error,.message,.success{width:100%}}::-webkit-scrollbar{background-color:initial;height:5px;width:5px}::-webkit-scrollbar-track{background-clip:padding-box;background-color:initial;width:5px}::-webkit-scrollbar-thumb{background:#0000;background-clip:padding-box;width:0}::-webkit-scrollbar-thumb:hover{background-clip:padding-box;background-color:var(--dark-brown);width:5px}
/*# sourceMappingURL=main.d2e52fdc.css.map*/