*,*::after,*::before{box-sizing:border-box}body{margin:0;font-family:sans-serif}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}ul{margin-top:0;margin-bottom:0;padding-left:0;list-style:none}fieldset{margin:0 0 1rem;padding:0;border:none}label,input,button{display:block}input,button{color:inherit;outline:none}::-moz-placeholder{color:rgba(241,242,243,.45)}:-ms-input-placeholder{color:rgba(241,242,243,.45)}::placeholder{color:rgba(241,242,243,.45)}.body{padding:0 .5rem;min-height:100vh;display:flex;flex-direction:column;color:#f1f2f3;background-color:#0c0c14}.main-footer{margin-top:auto;text-align:center;font-size:80%}.title{color:#10cd20;text-align:center}.error-message,.form-app__input,.button,.list-of-links,.list-of-links__link,.form-app{border-radius:3px}.links__clear-all,.form-app__input,.button,.list-of-links,.list-of-links__link,.form-app{border:2px solid rgba(241,242,243,.085)}.list-of-links,.form-app{background-color:rgba(241,242,243,.025)}.button{width:100px;margin-left:auto;padding:.5rem;font-size:100%;color:#10cd20;background-color:rgba(241,242,243,.085);cursor:pointer}.button:hover{border-color:currentColor}.form-app{margin:1rem auto;padding:1rem;width:100%;max-width:450px;color:#0c0c14}.form-app__label{color:#10cd20}.form-app__input{padding:.5rem;background-color:rgba(241,242,243,.085);font-size:100%}.form-app__input{width:100%;margin-top:1rem;margin-bottom:1rem;color:#f1f2f3;transition:opacity .2s ease-in-out}.form-app__input:hover{border-color:rgba(16,205,32,.75)}.form-app__input:focus{border-color:#10cd20}.form-app__input:disabled{cursor:not-allowed;opacity:.7;transition:opacity .2s ease-in-out}.form-app__input:disabled:hover{border-color:#c81414}.links{width:100%;max-width:450px;margin-right:auto;margin-left:auto}.links__header{display:grid;grid-template-columns:1fr 100px;align-items:center}.links__clear-all:hover{color:#f1f2f3;background-color:#c81414;border-color:#c81414}.list-of-links{max-width:450px;margin-right:auto;margin-left:auto}.list-of-links__wrapper{display:grid;grid-template-columns:1fr 100px;gap:1rem;align-items:center;padding:1rem}.list-of-links__wrapper:not(:last-child){border-bottom:2px solid rgba(241,242,243,.085)}.list-of-links__link{display:block;padding:.5rem}.list-of-links__link:hover{background-color:rgba(241,242,243,.085)}.list-of-links__delete{text-align:center}.list-of-links__delete:hover{color:#f1f2f3;background-color:#c81414;border-color:#c81414}.list-of-links__saved-at{text-align:right;font-size:75%;grid-column:1/-1}.error-message{width:100%;max-width:450px;margin:0 auto;padding:1rem;background-color:#c81414;text-align:center;font-size:1.2rem;transform:scale(0)}.error-message--show{transform:scale(1)}.author{color:#10cd20}