@import url(https://fonts.googleapis.com/css2?family=Roboto&display=swap);*{border:0;margin:0;padding:0}*,:after,:before{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}:active,:focus{outline:none}html{font-family:Roboto,sans-serif;font-size:18px}body,html{height:100%;min-width:320px}body{line-height:1}button,input,textarea{font-family:inherit}input::-ms-clear{display:none}button{background-color:inherit;cursor:pointer}button::-moz-focus-inner{border:0;padding:0}ul li{list-style:none}img{vertical-align:top}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}.gallery{background-image:url(img/background.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;height:100%;overflow:auto;position:fixed;width:100%}.gallery__body{margin:0 auto;padding:0 5px;width:80%}.form{background-color:#fff;border:2px solid #3d3a3a;border-radius:20px;box-shadow:0 5px 20px #000;display:flex;flex-direction:column;margin:50px auto;padding:30px;width:70%}.form__item{display:flex;justify-content:space-between;position:relative}.form__item:first-child{margin-bottom:30px}.form-item__text{padding:5px 0}.form-item__input{border:1px solid #000;width:70%}.form__button{margin-top:50px;text-align:center}.form__button button{background-color:#29953b;border:1px solid #000;border-radius:25px;box-shadow:0 5px 0 #000;color:#fff;font-size:inherit;padding:15px 60px;position:relative;top:0;transition:all .5s ease 0s}.form__button button:hover{background-color:#39b64e;box-shadow:0 3px 0 #000;top:4px;transition:all .5s ease 0s}.gallery__row{display:flex;flex-wrap:wrap}.gallery__row .row__item:not(:nth-child(4n+1)){margin-left:2em}.row .row__item:nth-child(n+5){margin-top:2em}.row__item{align-items:center;background-color:#858181;box-shadow:0 10px 20px #000;display:flex;flex-direction:column;height:180px;justify-content:center;position:relative;width:calc(25% - 2em)}.error__mes{background-color:#f5f10c;border:1px solid #000;border-radius:20px;left:225px;padding:10px 15px;position:absolute;top:27px;z-index:1}.absolute{border:0;height:100%;position:relative;transition:all .5s ease 0s;width:100%}.absolute:hover{background-color:#858181;border:15px solid #858181;height:400px;position:absolute;transition:all 1s ease 0s;width:600px;z-index:2}.row-item__delete{background-color:#fff;border:2px solid #b6abab;border-radius:50%;font-size:25px;padding:10px 18px;position:absolute;right:-10px;top:-10px;z-index:1}.row-item__img{border:2px solid #868282;height:100%;object-fit:cover;width:100%}.d_none{display:none}