body{font-family:Arial,sans-serif;background-color:#282c34;color:#fff;padding:50px}.top-left{position:absolute;top:0;left:0}.top-right{position:absolute;top:0;right:0}.button-link{background-color:#9932cc;color:#fff;padding:10px 20px;border-radius:6px;text-decoration:none;font-weight:700;cursor:pointer;display:inline-block;transition:background-color .2s;border:solid transparent}.button-link:hover{background-color:indigo;border:solid aqua}.form{display:flex;align-items:center;justify-content:space-around;flex-direction:column}.form>*{margin-top:20px}.form>*:last-child{margin-bottom:20px}.form-input{background-color:#9932cc;color:#fff;padding:10px 20px;border-radius:6px;font-weight:700;color:#0ff}input::placeholder{color:#fff}.form-input:focus{outline:none;border-color:#0ff;background-color:indigo}.c-info-container{width:50%;display:flex;align-items:center;flex-direction:column;margin:0 auto}.v-info-container{border:solid darkorchid 5px;background-color:indigo;width:100%;display:flex;flex-direction:column;align-items:center;flex-grow:1;min-height:0}.h-info-container{width:100%;display:flex;justify-content:space-around;flex-direction:row;padding:10px 0}.danger-link{color:#dc143c;display:inline-block}.text-container{width:600px;display:flex;justify-content:center;flex-direction:column;padding:10px}.info-text{color:#0ff}