*{border:0;margin:0;padding:0}*,:after,:before{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}:active,:focus,a:active,a:focus{outline:none}aside,footer,header,nav{display:block}body,html{-ms-text-size-adjust:100%;-moz-text-size-adjust:100%;-webkit-text-size-adjust:100%;font-size:100%;font-size:14px;line-height:1;min-height:100vh;min-width:100%}button,input,textarea{font-family:inherit}input::-ms-clear{display:none}button{cursor:pointer}button::-moz-focus-inner{border:0;padding:0}a,a:hover,a:visited{text-decoration:none}ul li{list-style:none}img{vertical-align:top}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}html{font-family:Arial,Helvetica,sans-serif;font-size:10px}body:after{background-image:url(9ec2fe5a339522a38e32.jpg);content:"";height:100vh;left:0;position:fixed;top:0;width:100%;z-index:-1}.container{margin:0 auto;max-width:650px;min-width:300px;padding:15px}.input{border:1px solid rgba(13,109,253,.663);border-radius:15px;margin-bottom:15px;overflow:hidden;position:relative;z-index:10}.input__title{background:rgba(13,109,253,.663);padding:15px}.input__form{align-items:flex-end;background-color:#dee2e6;display:flex;flex-wrap:wrap;justify-content:space-between;padding:15px}.input__form .label:nth-child(2){flex:1 1 100%}.warning{animation:modal .3s linear 1 normal;background-color:#f09a9a;border-radius:15px;box-shadow:0 0 10px 5px rgba(218,68,68,.8);font-size:16px;padding:10px 20px;position:absolute;text-align:center;z-index:10}.warning-out{animation:modal .3s linear 1 reverse}@keyframes modal{0%{opacity:.3}to{opacity:1}}.label{margin-bottom:15px;position:relative}.label:last-child{margin-bottom:0}.input__text{display:block;font-size:1.5em;margin-bottom:10px}.input__name{border-radius:10px;font-size:1.2em;height:40px;max-width:300px;padding:5px 10px;width:100%}.input__name:focus{outline:2px solid rgba(13,109,253,.663)}.input__comment{border-radius:10px;font-size:1.2em;height:100px;overflow:auto;padding:15px;resize:none;width:100%}.input__comment:focus{outline:2px solid rgba(13,109,253,.663)}.input__date{border-radius:10px;font-size:1.2em;height:40px;letter-spacing:2px;padding:5px 15px;text-align:center}.input__submit{background-color:transparent;cursor:pointer;height:50px;margin-right:20px;width:50px}.input__submit svg{fill:rgba(13,109,253,.663)}.title{color:#f8f9fa;font-size:2em}.output__row{border:1px solid rgba(13,109,253,.663);border-radius:15px;margin-bottom:15px;overflow:hidden}.output__title{background:rgba(13,109,253,.663);color:#f8f9fa;display:flex;flex-wrap:wrap;padding:15px}.output__name{flex:1 1 100%;font-size:2em;margin-bottom:5px}.output__date,.output__time{font-size:1.2em}.output__comment{background:#fff;font-size:1.2em;line-height:1.3em;min-height:100px;padding:15px;text-indent:2em}.output__btn{background-color:#dee2e6;display:flex;justify-content:space-between;padding:15px 30px}.output__like,.output__remove{fill:none;stroke:rgba(13,109,253,.663);background-color:transparent;background-size:contain;height:30px;width:30px}.output__like_active{fill:rgba(13,109,253,.663)}