75 lines
1.2 KiB
CSS
75 lines
1.2 KiB
CSS
|
h1 {
|
||
|
|
font-size: 3.5em;
|
||
|
|
}
|
||
|
|
|
||
|
|
#header {
|
||
|
|
position: absolute;
|
||
|
|
top: 25px;
|
||
|
|
left: 35px;
|
||
|
|
right: 35px;
|
||
|
|
z-index: auto;
|
||
|
|
}
|
||
|
|
|
||
|
|
.button {
|
||
|
|
display: inline-block;
|
||
|
|
text-decoration: none;
|
||
|
|
border: none;
|
||
|
|
border-radius: 7px;
|
||
|
|
padding: 10px 25px;
|
||
|
|
transition: all 250ms;
|
||
|
|
margin-bottom: 10px;
|
||
|
|
font-size: large;
|
||
|
|
}
|
||
|
|
|
||
|
|
.btn-violet {
|
||
|
|
background-color: rgb(169, 89, 201);
|
||
|
|
}
|
||
|
|
|
||
|
|
.btn-violet:hover {
|
||
|
|
transition: all 250ms;
|
||
|
|
background-color: rgb(145, 47, 184);
|
||
|
|
}
|
||
|
|
|
||
|
|
.btn-red {
|
||
|
|
background-color: #EC7063;
|
||
|
|
}
|
||
|
|
|
||
|
|
.btn-red:hover {
|
||
|
|
transition: all, 250ms;
|
||
|
|
background-color: rgb(211, 59, 42);
|
||
|
|
}
|
||
|
|
|
||
|
|
.btn-blue {
|
||
|
|
background-color: rgb(59, 140, 233);
|
||
|
|
}
|
||
|
|
|
||
|
|
.btn-blue:hover {
|
||
|
|
transition: all, 250ms;
|
||
|
|
background-color: rgb(51, 104, 202);
|
||
|
|
}
|
||
|
|
|
||
|
|
.btn-dark {
|
||
|
|
background-color: #424949;
|
||
|
|
}
|
||
|
|
|
||
|
|
.btn-dark:hover {
|
||
|
|
transition: all, 250ms;
|
||
|
|
background-color: #282b2b;
|
||
|
|
}
|
||
|
|
|
||
|
|
.btn-green {
|
||
|
|
background-color: #2ECC71;
|
||
|
|
}
|
||
|
|
|
||
|
|
.btn-green:hover {
|
||
|
|
transition: all, 250ms;
|
||
|
|
background-color: rgb(20, 172, 53);
|
||
|
|
}
|
||
|
|
|
||
|
|
body {
|
||
|
|
background-image: radial-gradient( circle farthest-corner at 10% 20%, rgba(90, 92, 106, 1) 0%, rgba(32, 45, 58, 1) 81.3%);
|
||
|
|
}
|
||
|
|
|
||
|
|
#buttonList, #buttonList2 {
|
||
|
|
margin-top: 10px;
|
||
|
|
}
|