56 lines
1.2 KiB
CSS
56 lines
1.2 KiB
CSS
@import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0");
|
|
/* icones */
|
|
|
|
@import url("https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap");
|
|
/* font-family: "Roboto Mono", monospace; */
|
|
|
|
@import url("https://fonts.googleapis.com/css2?family=Public+Sans:ital,wght@0,100..900;1,100..900&display=swap");
|
|
/* font-family: "Public Sans", sans-serif; */
|
|
|
|
:root {
|
|
--font: #c4e5f2;
|
|
--bg-dark: #010d26;
|
|
--bg-light: #9cc1d9;
|
|
--btn: #0000cc;
|
|
--btn-dark: #000080;
|
|
}
|
|
|
|
::-webkit-scrollbar {
|
|
display: none;
|
|
}
|
|
|
|
* {
|
|
margin: 0;
|
|
padding: 0;
|
|
font-family: "Roboto Mono", monospace;
|
|
color: var(--font);
|
|
list-style: none;
|
|
text-decoration: none;
|
|
}
|
|
|
|
body {
|
|
overflow-x: hidden;
|
|
background: linear-gradient(
|
|
130deg,
|
|
var(--bg-dark) 50%,
|
|
var(--bg-light) 200%
|
|
);
|
|
background-position: center;
|
|
background-size: cover;
|
|
background-repeat: no-repeat;
|
|
min-height: 100vh;
|
|
}
|
|
|
|
#btn {
|
|
cursor: pointer;
|
|
background-color: var(--btn);
|
|
padding: 1.5dvh;
|
|
font-size: 1.2em;
|
|
border-radius: 10dvw;
|
|
transition: 0.3s;
|
|
}
|
|
|
|
#btn:hover {
|
|
background-color: var(--btn-dark);
|
|
}
|