nav{padding:20px;display:flex;flex-direction:row;align-items:center;justify-content:space-between}nav img{height:70px;width:70px;-o-object-fit:cover;object-fit:cover}nav a{text-decoration:none}nav a,nav label{display:flex;flex-direction:row;align-items:center}nav label{font-weight:800;font-size:30px;font-family:Nanum Pen Script}nav .profile{display:flex;flex-direction:row;align-items:center;justify-content:center}nav .profile .profile-img{margin-right:4px;border-radius:50%}nav .profile .profile-img img{width:70px;height:70px;-o-object-fit:cover;object-fit:cover}nav .profile .profile-name{font-weight:700;font-size:20px;font-family:poppins}.host{background:var(--background);min-height:100vh;display:flex;flex-direction:column}.host .form{width:100%}.host .form,.host .host-app{flex-direction:column;justify-content:center;align-items:center}.host .host-app{display:flex;height:100%;min-height:90vh}.host .host-app .profiles-imgs{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;width:60%;border-radius:10px;background-color:rgba(52,26,124,.071);margin-bottom:20px;max-height:310px;overflow-y:scroll}.host .host-app .profiles-imgs .profile-img{border-radius:50%;margin:10px;cursor:pointer;transition:.5s}.host .host-app .profiles-imgs .profile-img.active{background-color:#fff}.host .host-app .profiles-imgs .profile-img img{width:70px;height:70px}.host .host-app .profiles-imgs .profile-img:hover{transition:.5s;transform:scale(1.1)}.host .host-app label{margin-bottom:10px;font-family:poppins;font-weight:700;color:#341a7c}.host .host-app .btn{margin-right:10px;text-decoration:none;background-color:#341a7c;padding:10px 20px;width:10%;font-family:poppins;margin-top:20px;text-align:center;border-radius:40px;color:#fff;font-weight:700;transition:.5s;cursor:pointer}.host .host-app .btn:nth-child(2){background-color:transparent;border-style:solid;border-color:#341a7c;color:#341a7c}.host .host-app .btn:hover{transition:.5s;transform:scale(1.1)}.host .host-app .input-box{padding:15px 20px;border-radius:10px;background-color:rgba(52,26,124,.071);margin-bottom:20px;width:30%}.host .host-app .input-box.number{width:10%}.host .host-app .input-box input{background-color:transparent;border:none;font-family:poppins;outline:none}.host .host-app .input-box input::-moz-placeholder{font-family:poppins;color:rgba(117,94,182,.4)}.host .host-app .input-box input::placeholder{font-family:poppins;color:rgba(117,94,182,.4)}@keyframes vibrate{0%{transform:translateX(0)}25%{transform:translateX(-5px) rotate(-1deg)}50%{transform:translateX(5px) rotate(1deg)}75%{transform:translateX(-5px) rotate(-1deg)}to{transform:translateX(0)}}.vibrating{display:inline-block;animation:vibrate .3s ease-in-out 3}.row{display:flex;flex-direction:row}.row div{width:100%}.row div .input-box{margin-top:8px;width:80%!important}