.add-profile-container{text-align:center;margin:20px;left:50%;top:190px;background:transparent;position:relative}.add-profile-container form{display:flex;flex-direction:column;align-items:center}.add-profile-container input{margin:10px;padding:10px;width:300px}h2{color:red}.avatar:hover{border-color:#e7e7f1}.add-profile-container button{padding:10px 20px;cursor:pointer;background-color:red;border:none;max-width:max-content}.profile-list{text-align:center;margin:20px;left:50%;top:190px;background:transparent;position:relative}.profiles{display:flex;flex-wrap:wrap;justify-content:center}.profile-link{text-decoration:none;color:inherit}.profile{margin:10px;text-align:center;width:200px;height:200px;border:1px solid #ccc;border-radius:5px;padding:10px;display:flex;flex-direction:column;justify-content:center;align-items:center}.profile-name{font-weight:700;font-size:16px;color:#fff;text-decoration:none;text-align:center;font-style:italic,sans-serif}h1{color:#eb6767;font-style:italic,sans-serif;font-weight:100}.profile-heading{color:#f5f5f5;font-style:italic,sans-serif;font-weight:100}.profile img{width:100px;height:100px;border-radius:50%}.add-profile .add-icon{font-size:50px;line-height:100px;width:100px;height:100px;border-radius:50%;background-color:#ccc;display:inline-block;text-align:center;vertical-align:middle}.add-profile .add-icon:hover{opacity:.8}.add-profile span{display:block;margin-top:10px}.profile-link{display:block;margin-bottom:5px}.edit-link{margin-right:10px;margin-bottom:10px}.delete-button{background:none;border:none;cursor:pointer;padding:0;width:30px;height:30px}.delete-button:hover .delete-icon{opacity:.8}.delete-icon{transform:scale(.4);color:red;margin:-33px}.edit-profile{text-align:center;position:relative;width:400px;height:440px;left:80%;top:170px}.edit-profile form{display:flex;flex-direction:column;align-items:center}.edit-profile input{margin:10px;padding:10px;width:300px}.avatar-selection{display:flex;justify-content:center;flex-wrap:wrap;margin:20px 0}.avatar{width:50px;height:50px;border-radius:50%;margin:5px;cursor:pointer;border:2px solid transparent}.avatar.selected{border-color:#00f}.edit-profile button{padding:10px 20px;cursor:pointer;background-color:red;border:none;max-width:max-content}.profile-link{display:inline-block;margin-bottom:10px}.edit-link{margin-bottom:5px;display:block;text-align:center;margin-top:5px;color:#00f}.wrapper{position:relative;width:400px;height:440px;left:80%;top:170px;background:transparent;border:2px solid rgba(255,255,255,.5);border-radius:20px;box-shadow:0 0 30px #00000080;display:flex;justify-content:center;align-items:center;overflow:hidden;transform:scale(1);transform-origin:center;border-color:#f36161}.btn{margin-top:20px}.wrapper .form-box{width:100%;padding:40px}input{padding:10px;margin-bottom:10px;width:100%;max-width:300px;border:1px solid #ccc;border-radius:4px}input[type=text],button{padding:10px;margin-bottom:10px;width:100%}label{display:block;margin-bottom:5px}.wrapper-profile{width:300px;height:300px;left:80%;top:170px;background:transparent;border:2px solid rgba(255,255,255,.5);border-radius:20px;box-shadow:0 0 30px #00000080;display:flex;justify-content:center;align-items:center;overflow:hidden;transform:scale(1);transform-origin:center;border-color:red}#root{max-width:1280px;margin:0 auto;text-align:center}body{background-color:#000}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;margin-right:50%;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}.net{position:absolute;top:5%;left:7%;transform:translate(-50%,-50%);color:#e66c6c;font-size:45px}.back{width:100vw;height:100vh;opacity:45%;position:absolute;top:0;left:0;z-index:-1}.sign{position:absolute;font-weight:600;font-style:normal;width:85px;top:5%;left:95%;transform:translate(-50%,-50%);font-size:22px}.sign-out{position:absolute;font-weight:600;font-style:normal;width:85px;top:5%;left:92%;transform:translate(50%,-50%);font-size:20px}.sign :hover{content:"";color:#f87272}.sign :link{color:#fff}.sign :visited{color:#f0f8ff}.sign-out :link,.sign-out :visited{color:#fff}.sign-out :hover{content:"";color:#f36a6a}.home-link{position:absolute;font-weight:600;font-style:normal;width:85px;top:5%;left:89%;transform:translate(-50%,-50%);font-size:22px;color:#fff;padding:px;text-decoration:none;border:none;border-radius:7%}.home-link :visited{color:#f0f8ff}.home-link :hover{color:#eb6f6f}h2,h3{color:#fff}.home{justify-content:center;align-items:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}h1{font-size:50px;font-weight:500}.btn{background-color:#ec6565;border:none;padding:10px;width:125px;text-decoration:none;color:#fff;border-radius:5px}.home-form{margin-top:30px}.home-form input{padding:12px;border:none;width:300px;border-radius:5px}li{display:inline;margin-right:85px;font-weight:bold,500;font-size:17px;font-style:italic}