*,*:before,*:after{box-sizing:inherit;margin:0;padding:0}html{box-sizing:border-box;font-size:62.5%}input,button{font:inherit}input,button{border:none;background-color:transparent}input{outline:none}a{font:inherit;text-decoration:none}body{font-family:Inter,sans-serif;font-weight:400;font-size:1.6rem;min-height:100vh}.main{display:flex;align-items:center;justify-content:center;min-height:100vh}.section{border-radius:1.2rem;box-shadow:#3336 5px 5px,#3333334d 10px 10px,#3333 15px 15px,#3333331a 20px 20px,#3333330d 25px 25px;background-color:#333;padding:2.4rem;flex:.5}.form--add-url{display:flex;align-items:center;gap:2rem}.form__group{display:flex;flex-direction:column;gap:1rem;flex:1}.form__label{color:#ddd}.form__input{color:#efefef;border:.2rem solid #ddd;border-radius:.8rem;display:inline-block;padding:.8rem 1rem;transition:.3s all ease}.form__input:focus{color:#333;background-color:#ddd}.btn{cursor:pointer;color:#ddd;background-color:#3498db;border-radius:1.2rem;display:inline-block;padding:1rem 2rem}.btn--submit{align-self:flex-end;transition:.3s all ease}.btn--submit:hover{opacity:.8}.border{background-color:#ddd;border-radius:1.2rem;margin:2.4rem 0;width:100%;height:.2rem}.search-box-lists{display:flex;flex-direction:column;gap:2rem}.form--search-item{display:flex;gap:1rem}.form--search-item .form__group{flex:.5}.btn--search{transition:.4s all ease}.btn--search:hover{opacity:.8}.list{display:flex;flex-direction:column;gap:1.2rem}.list__item{display:flex;align-items:center;justify-content:space-between}.list__link,.search__link{color:#3498db;text-decoration:underline}.list__link:active,.search__link:active{color:#ddd}.list__link:visited,.search__link:visited{color:#206b9b}.button-box{display:flex;align-items:center;gap:1rem}.btn--delete,.btn--edit{border-radius:1rem;padding:.5rem 1rem}.hidden{display:none;opacity:0;pointer-events:none}.active{display:block;opacity:1;pointer-events:all}@media screen and (max-width: 480px){.section{box-shadow:none}.section *{font-size:1.2rem}.form--add-url{flex-direction:column}.btn--submit{align-self:stretch}.search-box-lists,.form--search-item{flex-direction:column}}
