header>nav{position:fixed;top:0;height:50px;width:100%;background:var(--light-color);display:flex;justify-content:space-between}header>nav>a>img{height:50px}nav>button{margin:0;padding:0;border-radius:0;width:50px;height:50px;background:var(--light-color);border:none}nav>button>img{position:relative;display:block;margin:auto;line-height:50px;height:auto;width:80%}nav>ul{visibility:hidden;position:absolute;top:50px;right:0;list-style:none;width:250px;background:#7c799c;border-radius:0 0 0 1rem}nav>ul>li{font-size:18px;font-weight:700;height:30px;width:100%;margin:2rem 0}header>nav>ul>li>a{color:var(--light-color);text-decoration:none;font-weight:700;width:100%;height:100%;display:block;align-content:center;text-align:center;padding:0 .5rem;margin:auto}header>nav>ul>li>a:hover{background:var(--light-color);color:#7c799c}.cookies{position:fixed;top:calc(50vh - 125px);left:calc(50vw - 125px);width:250px;height:250px;background:var(--light-color);text-align:center;align-content:center}footer{background:var(--light-color);color:var(--dark-color);padding:.5em;margin-top:1rem}:root{--dark-color: #6b6986;--light-color: #fff}body{background:var(--dark-color)}#root{position:absolute;top:50px;width:100%;height:90%;font-family:Verdana,Geneva,Tahoma,sans-serif}*{margin:0;padding:0}h1{text-align:center;color:var(--light-color);margin:4rem 0}a{text-decoration:none}h2,h3{color:var(--light-color);margin-left:2rem}h3{margin-bottom:2rem}.errormessage{margin:auto;color:red;width:250px;height:100px}.user{font-size:larger;color:var(--light-color);width:95%;margin:2.5rem auto}form{margin:1rem 0;display:flex;flex-direction:column;gap:.5rem;align-items:center}select{margin-bottom:160px}select,input{width:250px;padding:0 15px;height:30px!important;border-radius:20px;text-align:center;color:var(--dark-color);font-weight:700}label{width:250px;color:var(--light-color)}textarea{resize:both;border-radius:20px;min-width:250px;min-height:500px;padding:15px}.drop-zone>button,.button-form{width:200px;padding:0 15px;height:30px;border-radius:20px;text-align:center;background:var(--light-color);color:var(--dark-color);font-weight:700;margin:.5rem auto 0}.button-form:hover{background:var(--dark-color);color:var(--light-color);border:var(--light-color) solid 1px}.logo{width:90%;margin:0 auto}.logo>img{width:100%;height:auto}.title{margin:4rem 0}.text-img{width:90%;margin:0 auto 1rem;display:flex;flex-wrap:wrap;gap:2%;align-items:stretch;justify-content:center}.text{flex-wrap:wrap}.home-artwork{width:100%}.home-artwork>a>img{width:100%;min-width:250px;height:auto}.text-img>article{min-width:250px;color:var(--light-color);border-radius:10px}.text-img>section{min-width:250px;width:1fr}.text>section{min-width:250px;width:45%;padding:20px;border-radius:20px}.text-about>section>article>h3,.text-img>section>h2{min-width:200px;width:90%;color:var(--dark-color);padding:20px;border-radius:20px;margin-left:auto;margin-right:auto;margin-bottom:2rem}.text>section>article>h3{color:var(--dark-color);margin:0}.text-img>article{width:100%;height:100%;margin:auto}.text-img>section,.text-img>article>p{background:#fff;color:var(--dark-color);font-size:16px;border-radius:20px}.text-img>section>article>p,.text-img>article>p{margin:1rem auto}.change-artist{display:block;margin:0 auto}.gallery{width:80%;margin:2rem auto;display:flex;flex-wrap:wrap;justify-content:center;align-items:stretch;gap:2rem}.gallery>article{width:260px!important;display:flex;flex-direction:column;flex-grow:1;justify-content:space-between;margin:0 0 3rem;align-items:center}.gallery>article>a,.gallery>article>a>figure{width:260px}.gallery>article>a>figure>img{width:260px;height:auto}.gallery>article>a>h3{margin:0;text-align:center;height:4.5rem;width:260px}.gallery>article>p{width:260px}.gallery>article>p>a{color:var(--light-color)}.link-photo{width:130px!important;height:40px;background:var(--light-color);color:var(--dark-color);text-align:center;align-content:center;border-radius:50%}.link-photo:hover{background:var(--dark-color);color:var(--light-color);border:1px solid var(--light-color)}.photo{width:96%;margin:2rem auto}.photo>h2{text-align:center;margin-bottom:2rem}.photo>figure>img{width:100%;height:auto}.description-picture,.photo>article{margin-top:2rem;width:98%;background:var(--light-color);padding:1%;border-radius:20px}.artist{width:80%;margin:2rem auto;display:flex;flex-wrap:wrap;justify-content:center;align-items:stretch;gap:2rem}.artist>article{margin-bottom:3rem}.artist>article>a>h3{color:var(--light-color);text-align:center}.artist>article>a>figure img{width:260px;height:260px;border-radius:50%}.link-photo{width:130px;height:40px;margin:1rem auto 0}.link-photo>a{display:block;width:100%;height:100%;background:#fff;color:var(--dark-color);text-align:center;align-content:center;border-radius:50%}.link-photo a:hover{background:var(--dark-color);color:var(--light-color);border:1px solid var(--light-color)}.photographer{margin-bottom:1rem}.photographer>h2{margin:1rem;text-align:center}.photographer>div{display:flex;flex-wrap:wrap;align-items:stretch;justify-content:center}.photographer>div>figure{min-width:260px;width:35%}.photographer>div>figure>img{width:90%;height:auto;margin-left:5%;border-radius:50%}.photographer>div>article{background:var(--light-color);border-radius:20px;width:59%;padding:20px;min-width:260px;margin-right:2%}footer{clear:both}.h2-about{margin:2rem 0 0 2rem}.text-about{margin-top:1.2rem}.text-about>section{padding:1rem;margin-bottom:2rem}.text-about>section>article>h4{margin-top:2rem}.text-about>section>article>p{margin:2rem}.login{margin-top:15.14%;margin-bottom:21.14%}.column{display:flex;flex-direction:column}.register{margin-top:10.8%;margin-bottom:12.8%}.admin{width:80%;min-width:256px;margin:1rem auto;background:var(--light-color);color:var(--dark-color);list-style-type:style;padding:1rem;border-radius:20px}.alignment{display:flex;flex-wrap:wrap;flex-direction:column;gap:1rem;justify-content:center;align-items:center}.h2-admin{text-align:center!important;margin:1rem!important}.picture-form{width:150px;height:150px;margin:auto}.picture-form>img{width:100%;height:100%;border-radius:50%}.artwork{width:250px;margin:auto}.artwork>img{width:100%;height:auto}.form-admin{margin-bottom:4rem}.link-panel{margin:1rem}.link-panel a{color:var(--light-color);text-decoration:underline;font-weight:700}.admin>ol{margin:2rem}.admin>ol li{margin-bottom:1rem}.admin :last-child{margin-bottom:0}.admin>ol>li>a{color:var(--dark-color);text-decoration:underline}.admin>div>input{width:250px}.drop-zone{border-radius:20px;width:250px;height:200px;margin:1rem;padding:15px;background:var(--light-color);display:flex;flex-direction:column;justify-content:space-between;align-items:center}.drop-zone>p{margin-bottom:1rem}