Spaces:
Runtime error
Runtime error
File size: 1,445 Bytes
8158335 e7d48eb 8158335 e7d48eb 8158335 e7d48eb 8158335 e7d48eb 8158335 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 |
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
background-color: rgb(240, 240, 240);
font-family: sans-serif;
}
.page {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
height: 100vh;
width: 100%
}
h1,h2, p {
text-align: center;
}
.form {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
margin-top: 1.5rem;
width: 100%;
max-width: 600px;
}
label {
margin-bottom: 0.5rem;
font-weight: bold;
}
select, textarea, button {
margin-top: 0.5rem;
padding: 0.5rem;
font-size: 1rem;
border-radius: 4px;
border: 1px solid #ccc;
width: 100%;
max-width: 100%;
}
#account {
max-width: 25%;
}
#footer {
position: absolute;
bottom: 0;
left: 0;
right: 0;
text-align: center;
}
#input, #output {
resize: vertical;
height: 10rem;
max-height: 20rem;
}
#inner {
text-align: center;
}
#outer {
width:100%;
height: 100px;
display: table-cell;
position: flex;
justify-content: center;
vertical-align:middle;
margin-top: 100px;
margin-bottom: 100px;
}
/* {
display: table-cell;
position: relative;
width:100%;
height: 100px;
background-color: rgba(89,144,222,.6);
vertical-align:middle;
} */
#outer h2{
text-align: center;
}
#generate {
background-color: #1da1f2;
color: white;
font-weight: bold;
cursor: pointer;
}
#output {
margin-top: 1rem;
} |