Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- :root{
- --items-spacing: 20px;
- --border-radius: 6px;
- }
- body{
- margin: 0px;
- }
- #app{
- height: 100vh;
- width: 100vw;
- display: flex;
- align-items: center;
- justify-content: center;
- background: #F2F1F1;
- }
- .card{
- background: white;
- border-radius: 11px;
- padding: 30px 60px;
- display: flex;
- flex-direction: column;
- gap: var(--items-spacing);
- }
- .title{
- text-align: center;
- }
- .inputs-wrapper{
- display: flex;
- gap: var(--items-spacing);
- }
- input, select{
- background: #F0F2F3;
- border: none;
- border-radius: var(--border-radius);
- padding: 8px 10px;
- }
- button[type=submit]{
- background: #3190C6;
- padding: 10px;
- color: white;
- border-radius: var(--border-radius);
- border: none;
- }
- .answer-box{
- display: flex;
- flex-direction: column;
- align-items: center;
- background: #E7EEF2;
- border-radius: var(--border-radius);
- padding: 20px;
- }
- .answer-label{
- margin: 0px;
- }
- #answer-txt{
- margin: 0px;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement