@import url(https://fonts.googleapis.com/css2?family=Clicker+Script&family=Poppins:wght@200;300;400;500;600;700&family=Roboto&display=swap);:root{--bg-black-900:#f2f2fc;--bg-black-100:#fdf9ff;--bg-black-50:#e8dfec;--text-black-700:#504e70;--text-black-900:#212031;--shadow:0 0 5px 2px hsla(0,0%,50%,.25)}body.dark{--bg-black-900:#151515;--bg-black-100:#222;--bg-black-50:#393939;--text-black-700:#e9e9e9;--text-black-900:#fff}body{background-color:#f2f2fc;background-color:var(--bg-black-900);font-family:Poppins,sans-serif;font-size:16px;line-height:1.5}*{margin:0;outline:none;padding:0;text-decoration:none;transition:all .1s ease-in-out}*,:after,:before{box-sizing:border-box}.Header-container{background:#f2f2fc;background:var(--bg-black-900);box-shadow:0 0 5px 2px hsla(0,0%,50%,.25);box-shadow:var(--shadow);color:#212031;color:var(--text-black-900);padding:10px;position:fixed;text-align:center;top:0;width:100%}.btn{align-items:center;background-color:#212031;background-color:var(--text-black-900);border:none;border-radius:5px;color:#f2f2fc;color:var(--bg-black-900);font-size:20px;font-weight:700;height:50px;line-height:1.2;min-width:50%;padding:0 20px}.btn:hover{box-shadow:0 0 5px 2px hsla(0,0%,50%,.25);box-shadow:var(--shadow);cursor:pointer;-webkit-transform:scale(1.02);transform:scale(1.02)}.container-contact2{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;width:100%}.container-contact2 .btn3{left:0;margin-top:15px;top:0}.wrap-contact2{background:#f2f2fc;background:var(--bg-black-900);border-radius:5px;margin:100px 30px 0;max-width:600px;overflow:hidden;padding:30px 40px;width:100%}.wrap-contact2,.wrap-contact2:hover{box-shadow:0 0 5px 2px hsla(0,0%,50%,.25);box-shadow:var(--shadow)}.contact2-form{display:flex;flex-direction:column;width:100%}.contact2-form-title{color:#212031;color:var(--text-black-900);display:block;font-family:Poppins,sans-serif;font-size:35px;font-weight:500;line-height:1.2;padding-bottom:20px;text-align:center}.wrap-input2{border-bottom:3px solid #e8dfec;border-bottom:3px solid var(--bg-black-50);border-radius:5px;margin-bottom:25px;position:relative;width:100%}.con-list{width:110%}.con-list-empty{font-size:20px;padding:20px;text-align:center}.con-list-empty,.input2{color:#212031;color:var(--text-black-900);width:100%}.input2{background-color:#fdf9ff;background-color:var(--bg-black-100);border:none;border-radius:5px;display:block;font-family:Poppins,sans-serif;font-size:15px;height:40px;line-height:1.2;outline:none;padding-left:20px}.item{align-items:center;background-color:#f2f2fc;background-color:var(--bg-black-900);border-radius:10px;display:flex;height:100%;justify-content:space-around;margin-bottom:-10px;overflow:hidden;padding:15px;transition:all .1s ease-in-out;width:100%}.item,.item:hover{box-shadow:0 0 5px 2px hsla(0,0%,50%,.25);box-shadow:var(--shadow)}.item:hover{background-color:#e8dfec;background-color:var(--bg-black-50);cursor:pointer;-webkit-transform:scaleX(1.02) scaleY(1.1);transform:scaleX(1.02) scaleY(1.1)}.image-avtar{background-color:#fdf9ff;background-color:var(--bg-black-100);border-radius:50%;height:50px;overflow:hidden;position:relative;width:50px}.content{align-items:center;color:#504e70;color:var(--text-black-700);display:flex;flex-direction:column;padding:5px 0;width:400px;word-break:break-all}.remove-icon{color:red;font-size:30px;margin-left:3px;margin-right:-5px}.remove-icon:hover{color:darkred;cursor:pointer;-webkit-transform:scale(1.2);transform:scale(1.2)}.edit-icon{color:blue;font-size:24px;margin-left:0;margin-right:-5px;margin-top:-3px}.edit-icon:hover{color:#00008b;cursor:pointer;-webkit-transform:scale(1.2);transform:scale(1.2)}.contact-list{align-items:center;display:flex;flex-direction:column;justify-content:flex-start;margin:20px auto auto;max-width:700px;padding:70px 40px 40px;width:100%}.style-switcher{position:fixed;right:0;top:10px;z-index:101}.s-icon,.style-switcher{background:#fdf9ff;background:var(--bg-black-100)}.s-icon{border:1px solid #e8dfec;border:1px solid var(--bg-black-50);border-radius:50%;color:#212031;color:var(--text-black-900);cursor:pointer;font-size:20px;height:40px;margin-right:25px;position:absolute;right:100%;text-align:center;transition:all .5s ease;width:40px}.s-icon i{line-height:40px}.con-length{align-items:right;color:#504e70;color:var(--text-black-700);font-size:20px;margin-bottom:20px;margin-top:-40px}.con-length,.contact2-form-title2{font-family:Poppins,sans-serif;font-weight:500;width:100%}.contact2-form-title2{color:#212031;color:var(--text-black-900);display:flex;font-size:35px;justify-content:space-between;line-height:1.2;padding-bottom:20px;padding-top:10px;text-align:left}.btn2{align-items:flex-end;background-color:#212031;background-color:var(--text-black-900);border:none;border-radius:5px;box-shadow:0 0 5px 2px hsla(0,0%,50%,.25);box-shadow:var(--shadow);color:#f2f2fc;color:var(--bg-black-900);font-size:20px;font-weight:700;height:50px;line-height:1.2;margin-top:10px;padding:0 20px}.btn2:hover{background-color:#504e70;background-color:var(--text-black-700);cursor:pointer;-webkit-transform:scale(1.02);transform:scale(1.02)}.btn3{background-color:#212031;background-color:var(--text-black-900);border:none;border-radius:5px;box-shadow:0 0 5px 2px hsla(0,0%,50%,.25);box-shadow:var(--shadow);color:#f2f2fc;color:var(--bg-black-900);font-size:20px;font-weight:700;height:25px;line-height:1.2;margin:0 0 0 30px;padding:0 20px;position:absolute;z-index:5}.btn3:hover{background-color:#504e70;background-color:var(--text-black-700);cursor:pointer;-webkit-transform:scale(1.02);transform:scale(1.02)}@media (max-width:700px){.content{width:300px}}@media (max-width:557px){.content{width:200px}}@media (max-width:440px){.content{width:150px}.contact2-form-title2{font-size:25px}.btn2{height:40px}.btn2,.con-length{font-size:15px}}.main{align-items:center;background-color:#f2f2fc;background-color:var(--bg-black-900);display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.main .btn3{left:0;margin-top:18px}.card{align-items:center;background-color:#fdf9ff;background-color:var(--bg-black-100);border-radius:5px;box-shadow:0 0 5px 2px hsla(0,0%,50%,.25);box-shadow:var(--shadow);display:flex;flex-direction:column;height:100%;justify-content:center;margin-top:100px;max-width:350px;padding:40px;width:100%}.card-image img{border-radius:30%;height:100px;width:100px}.card-content{align-items:center;color:#212031;color:var(--text-black-900);display:flex;flex-direction:column;justify-content:center;width:100%}.card-content,.card-content div{margin-top:20px}.con-search{width:100%}.con-search-input{border-radius:10px;font-size:15px;height:50px;margin-bottom:20px;width:100%}.Prompt,.con-search-input{align-items:center;color:#212031;color:var(--text-black-900);display:flex;justify-content:center}.Prompt{background-color:#fdf9ff;background-color:var(--bg-black-100);border:none;border-radius:10px;box-shadow:0 0 5px 2px hsla(0,0%,50%,.25);box-shadow:var(--shadow);flex-direction:column;font-size:18px;height:100%;padding-left:20px;width:90%}.fa-search{color:#212031;color:var(--text-black-900);font-size:25px;margin:10px}
/*# sourceMappingURL=main.4e996b1d.css.map*/