Spaces:
Running
Running
File size: 1,166 Bytes
c36282c 1ade7fe c36282c 22aa46a c36282c 40ffe40 c36282c 22aa46a c36282c 83885ed b6a9808 cc85f83 83885ed c32741c 83885ed 0bad41a c32741c 9822735 83885ed c36282c 83885ed c36282c 167b493 b5cbfcd c36282c cc85f83 17a0bc5 cc85f83 a9c0aeb cc85f83 4037a69 72c1cc8 4037a69 325162d 72ddd85 5fed7b9 72ddd85 cc85f83 |
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 |
body {
padding: 2rem;
font-family: -apple-system, BlinkMacSystemFont, "Arial", sans-serif;
margin-left: 25%;
margin-right: 25%;
}
h1 {
font-size: 32px;
margin-top: 0;
color: rgb(15,99,218);
}
p {
color: rgb(107, 114, 128);
font-size: 20px;
margin-bottom: 10px;
margin-top: 5px;
}
li {
font-size: rgb(141, 148, 161);
color: gray;
}
input {
padding: 8px;
width: 100%;
border: 1px solid gray;
border-radius: 8px;
font-size: 20px;
}
.card {
max-width: 720px;
margin: 0 auto;
padding: 16px;
/*border: 2px solid rgb(15,99,218);*/
border: 1px solid gray;
border-radius: 16px;
}
.card p:last-child {
margin-bottom: 0;
}
button {
background: rgb(15,99,218);
background: linear-gradient(135deg, rgba(15,99,218,1) 0%, rgba(0,191,255,1) 100%);
border: none;
font-size: 20px;
color: #FFFFFF;
padding: 8px;
border-radius: 8px;
width: 150px;
text-align: center;
opacity: 0.8;
transition: 0.3s;
}
button:hover {
opacity: 1;
}
@counter-style repeating-emoji {
system: cyclic;
symbols: "💭" "\1F4DA" "⌛";
suffix: " ";
}
.repeating-counter-rule {
list-style-type: repeating-emoji;
} |