*{margin:0;padding:0;box-sizing:border-box}body{font-family:sans-serif;background-color:#427aa1}button{cursor:pointer}.app{display:flex;width:100%;justify-content:center;align-items:center;flex-direction:column}.container-error{width:100%;height:100vh;display:flex;justify-content:center;align-items:center;flex-direction:column}.container-error img{max-width:300px;margin:14px 0;animation:shake 1.5s}@keyframes shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(4px)}}.container-error h1{color:#fff}.container-error a{text-decoration:none;color:#132742;background-color:#fff;padding:12px 18px;border-radius:4px;margin:14px 0}.modal-container{position:absolute;bottom:10px;background-color:#fff;padding:14px;width:700px;border-radius:5px;display:flex;flex-direction:column;animation:slideY 1s}.modal-header{display:flex;align-items:center;justify-content:space-between}.modal-header button{border:0;background:transparent}.modal-container span{margin:14px;color:#a7a7a7;font-size:18px}.modal-link{display:flex;align-items:center;justify-content:space-between;background-color:#172742;border:0;padding:0 14px;border-radius:4px;height:38px;color:#fff}.link-copy{display:flex;align-items:center;justify-content:space-between}.alert-copy{color:#dc143c}@media (max-width: 735px){.modal-container{width:90%}}.menu{position:absolute;top:20px;right:10%;font-weight:700;display:flex}.menu a{text-decoration:14px}.social{margin-right:14px;display:flex;align-items:center}.menu-item{color:#2c302e;background:#fff;padding:12px 24px;border-radius:4px;margin-right:14px}.container-home{width:100%;height:100vh;display:flex;justify-content:center;align-items:center;flex-direction:column}.logo{display:flex;flex-direction:column;align-items:center}.logo h1{font-size:60px;color:#fff}.logo span{color:#fff;margin-top:14px;margin-bottom:20px;font-size:19px}.area-input{width:540px;display:flex;flex-direction:column;align-items:center;animation:slideY 2s}@keyframes slideY{0%{transform:translateY(90px)}to{transform:translateY(0)}}.area-input div{width:100%;height:46px;background-color:#ffffff26;display:flex;align-items:center;justify-content:center;border-radius:4px}.area-input svg{margin:0 8px}.area-input input{width:100%;background:transparent;border:0;height:46px;outline:none;font-size:18px;color:#fff}.area-input button{width:100%;height:46px;border-radius:6px;border:0;font-size:16px;color:#2c302e;font-weight:700;margin-top:8px;transition:transform .7s}.area-input button:hover{transform:scale(1.05)}.error-text{width:100%;text-align:center;margin-bottom:10px;color:#fff}@media (max-width: 615px){.logo img{width:95px}.logo h1{font-size:40px}.logo span{font-size:16px}.area-input{width:85%}}.links-container{max-width:1120px;margin:32px auto 0}.links-header{display:flex}.links-header svg{margin-right:14px}.links-header h1{color:#fff}.links-item{width:700px;display:flex;align-items:center;margin:8px}.links-item:last-child{margin-bottom:18px}.link{border:0;width:100%;min-width:80%;border-radius:4px;height:46px;background-color:#ffffff26;margin-right:14px;display:flex;align-items:center;padding:0 14px;color:#fff}.link{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.link svg{margin-right:14px}.link-delete{border:0;background:transparent}.empty-text{width:100%;text-align:center;margin-top:28px;color:#fff}@media (max-width: 715px){.links-container{width:90%}.logo h1{font-size:40px}.links-item,.link{width:100%}.link sgv{display:none}}