.container{width:100%;height:93vh;display:flex;justify-content:center;align-items:center;border-radius:15px}.form{border:1px solid var(--title-text-color);padding:3.1vw;border-radius:3.5vh;z-index:1;display:flex;flex-direction:column;gap:1.9vh}.form-title{text-align:center;color:var(--title-text-color);margin-left:auto;margin-right:auto}.form-submit{width:100%;height:8vh;display:inline-block;outline:0;cursor:pointer;border:1px solid var(--primary-color);border-radius:7px;background-color:transparent;color:var(--primary-color);font-weight:400;transition:color .3s ease-in-out,box-shadow .3s ease-in-out,background .3s ease-in-out}.form-submit p{font-size:1rem;color:var(--title-text-color);transition:.3s color ease-in-out}.form-submit:hover{background-color:var(--primary-color)}.form-submit:hover p{color:var(--background-color)}.errors{color:var(--error)!important;margin:5px 0;font-size:.9em;display:flex;flex-direction:column;gap:.9vh}.error-input{border-color:var(--error)!important;color:var(--error)!important}.required-star{color:var(--error)!important}.form-controls{display:flex;flex-direction:column;gap:2.5vh}.form-control{position:relative}.form-control input[type=text],.form-control input[type=password]{width:100%;outline:none;box-sizing:border-box;z-index:3;color:var(--text-color);background:transparent;border:0;border-bottom:2px solid var(--title-text-color);display:block;padding:1.3vh 0 0;color:var(--title-text-color)}.form-control input[type=text]:focus,.form-control input[type=password]:focus{outline:0;border-bottom-color:var(--primary-color)}.form-control label.animated{position:absolute;top:.5vh;left:0;pointer-events:none}.form-control label span{display:inline-block;color:var(--title-text-color);transition:transform .3s cubic-bezier(.68,-.55,.265,1.55)}.form-control input:focus+label span{color:var(--primary-color);transform:translateY(-2vh)}.form-control input.ng-dirty+label span{transform:translateY(-2vh)}.upload-container{width:100%;display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid var(--title-text-color);cursor:pointer;transition:.2s}.upload-container span{transition:.2s}.upload-pfp-button{border-radius:50%;width:50px;height:50px;background-position:50% 50%;background-repeat:no-repeat;background-size:cover;border:2px solid var(--title-text-color);cursor:pointer;transition:.2s}.upload-container:hover{color:var(--primary-color);border-bottom-color:var(--primary-color)}.upload-container:hover span{color:var(--primary-color)}.upload-container:hover .upload-pfp-button{border-color:var(--primary-color);transform:scale(1.1)}:root{--background-color: #16161a;--title-text-color: #fffffe;--paragraph-text-color: #94a1b2;--button-text-color: #fffffe;--primary-color: #2cb67d;--secondary-color: #7f5af0;--error: #ff0000;--dark-green: #1e8057;--darker-green: rgb(19, 82, 55);--green: #008800;--lime: #00cc00;--yellow: #fff000;--orange: #ffa500;--red: #ff0000}.app-font{font-family:Inter,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;font-variation-settings:"slnt" 0}body{background-color:var(--background-color);margin:0;padding:0;box-sizing:border-box;overflow-x:hidden}h1,h2,h3,h4,h5,h6{color:var(--title-text-color);margin:0}p,a,button,span{color:var(--paragraph-text-color)}