@import "https://fonts.googleapis.com/css2?family=Nunito&display=swap";
*{box-sizing:border-box;margin:0;padding:0;font-family:Nunito,sans-serif}
button{cursor:pointer}body{background-color:#222d35}.container-home{flex-direction:column;justify-content:center;align-items:center;width:100%;height:80vh;display:flex}.logo{flex-direction:column;max-width:1000px;margin:-230px;animation:1.5s slideY;display:flex}.area-input{flex-direction:column;justify-content:center;align-items:center;width:540px;animation:1.5s slideY;display:flex}@keyframes slideY{0%{transform:translateY(20px)}to{transform:translateY(0)}}.area-input div{background-color:#ccece91a;border-radius:15px;justify-content:center;align-items:center;width:100%;height:40px;display:flex}.area-input svg{background:0 0;margin:0 8px}.area-input input{color:#f0f8ff;background:0 0;border:0;outline:none;width:100%;height:40px;font-size:15px}.area-input input::placeholder{color:#f0f8ff}.area-input button{color:#222d35;background-color:#9cdcd6;border:0;border-radius:15px;width:100%;height:40px;margin-top:7px;font-size:15px;font-weight:700;transition:transform .7s;box-shadow:5px 5px 5px #6f6f6f33}.area-input button:hover{transform:scale(1.03)}.footer{color:#f0f8ff;text-align:center;width:100%;margin-bottom:10px;font-size:12px;position:fixed;bottom:0;left:0}@media (max-width:768px){.logo{max-width:90%;margin:-150px}.area-input{width:90%;padding:0 20px}}@media (max-width:480px){.container-home{height:70vh}.logo{max-width:95%;margin:-100px}.area-input{width:95%;padding:0 10px}.area-input button{height:38px;font-size:14px}.footer{margin-bottom:5px;font-size:10px}}
.links-container{max-width:1100px;margin:40px auto 0}.links-header{flex-direction:row;display:flex}.links-header svg{cursor:pointer;margin-right:14px}.links-header h1{color:#f0f8ff}.links-item{flex-direction:row;align-items:center;width:700px;margin-top:8px;display:flex}.links-item:last-child{margin-bottom:18px}.link{color:#f0f8ff;white-space:nowrap;text-overflow:ellipsis;background-color:#ccece91a;border:0;border-radius:15px;align-items:center;width:100%;min-width:80%;height:40px;margin-right:14px;padding:0 14px;font-size:15px;display:flex;overflow:hidden}.link svg{background:0 0;margin-right:14px}.link-delete{background:0 0;border:0}.empty-text{color:#f0f8ff;background-color:#ccece91a;border:0;border-radius:15px;align-items:center;width:100%;min-width:80%;height:40px;margin-top:20px;margin-right:14px;padding:0 14px;display:flex}@media (max-width:768px){.links-container{max-width:95%;padding:0 20px}.links-item{width:100%}.link{padding:0 10px;font-size:14px}}@media (max-width:480px){.links-container{max-width:100%;margin:20px auto 0;padding:0 10px}.links-header{flex-direction:row;align-items:center}.links-header h1{font-size:22px}.links-header svg{margin-right:10px}.links-item{flex-direction:row;width:100%;margin-top:6px}.link{height:38px;margin-right:8px;padding:0 8px;font-size:13px}.empty-text{height:38px;padding:0 10px;font-size:14px}}
.menu{font-weight:700;display:flex;position:absolute;top:20px;right:2%}.menu a{text-decoration:none}.social{align-items:center;margin-right:10px;display:flex}.menu-item{color:#222d35;cursor:pointer;background-color:#f0f8ff;border-radius:15px;padding:12px 24px;transition:transform .7s}.menu-item:hover{transform:scale(1.03)}@media (max-width:768px){.menu{top:15px;right:3%}.menu-item{padding:10px 18px;font-size:14px}}@media (max-width:480px){.menu{flex-direction:column;gap:8px;top:10px;right:5%}.social{justify-content:flex-end;margin-right:0}.menu-item{padding:8px 16px;font-size:13px}}
.Error404{flex-direction:column;justify-content:center;align-items:center;width:100%;height:90vh;animation:1.5s slideY;display:flex}.Error404 img{max-width:1000px;margin:-210px}.Error404 a{color:#222d35;background-color:#f0f8ff;border-radius:15px;margin-top:15px;padding:12px 18px;font-weight:700;text-decoration:none}@media (max-width:768px){.Error404 img{max-width:90%;margin:-150px}.Error404 a{padding:10px 16px;font-size:14px}}@media (max-width:480px){.Error404{height:80vh}.Error404 img{max-width:95%;margin:-100px}.Error404 a{padding:8px 14px;font-size:13px}}
.modal-container{background-color:#f0f8ff;border-radius:15px;flex-direction:column;width:700px;padding:14px;animation:1.5s slideY;display:flex;position:absolute;bottom:50px}.modal-header{color:#222d35;justify-content:space-between;align-items:center;display:flex}.modal-header button{background:0 0;border:0}.modal-container span{color:brown;margin:5px;font-weight:700}.modal-link{color:#222d35;background-color:#9cdcd6;border:0;border-radius:15px;justify-content:space-between;align-items:center;height:38px;padding:0 14px;font-weight:700;display:flex}@media (max-width:735px){.modal-container{width:90%}}