.landing-selection{display:flex;justify-content:center}.encrypter-connection{display:flex;align-content:center;flex-direction:column;width:100%}.encrypter{width:100%;max-width:500px}.back-button{color:#fff;text-decoration:none;font-weight:700;display:flex;align-items:center}.decrypter{width:100%;max-width:500px}.step{width:100%}.step--inactive{color:#e7e7e7e7}.step--success{color:#02fab8}.summary{margin-top:20px}.summary-content{width:100%;display:flex;flex-direction:column}body{width:100vw;background:#041f3b;background:radial-gradient(circle,#041f3b,#021228 46%,#01070a);display:flex;justify-content:center;align-items:center}input{background-color:#0000004d!important}h3{color:#fff}.transparent{background:transparent!important}.page-container{width:100%;display:flex;flex-direction:column;justify-content:center}.container{min-width:50vw;border:1px solid rgba(51,60,77,.6);border-radius:10px;margin:20px;padding:20px;color:#b6bec9;background:#05070a66;box-shadow:#090b1180 0 5px 15px,#13172014 0 15px 35px -5px}.card{text-decoration:none;color:#fff;cursor:pointer;max-width:300px;width:100%;max-height:300px;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#1d21264d;border:1px dashed rgba(48,56,64,.5);border-radius:10px;transition:all .2s ease-in;box-shadow:#090b1180 0 5px 15px,#13172014 0 15px 35px -5px}.card:hover{background-color:#0061c21a;border:1px dashed rgba(0,107,214,.4)}.card:first-child{margin-right:30px}@media only screen and (max-width: 600px){body{width:initial;height:initial}.page-container{width:90vw;height:90vh}.container{border:none}.card{max-height:150px}}