simpleWordsCloud/css/style.css

74 lines
1.2 KiB
CSS

/******************* Constants *******************/
:root {
--font-color: #EFEFEF;
--font-color-em: #8C8C8C;
--background-color-main: #404040;
--background-color-secondary: #505050;
--avatar-background: #B6B6B6;
--color01: #99CCFF;
--color01_bright: #58af58;
--color02: #ab7026;
--color02_bright: #ea9a36;
--nav-maxwidth: 900px;
--nav-height: 5em;
--body-maxwidth: 900px;
--footer-maxwidth: 900px;
--footer-height: 9em;
--padding-border: 1em;
}
/******************* Page *******************/
* {
box-sizing: border-box;
}
html {
background-color: var(--background-color-main);
font-family: Lato, Helvetica, sans-serif;
font-size: large;
color: var(--font-color);
min-height: 100vh
}
body {
margin: 0;
position: relative;
}
a {
color: var(--font-color);
}
/******************* Header *******************/
#navbar {
font-size: 2em;
margin: 2rem 1rem;
}
/******************* Footer *******************/
#footer {
width: 100%;
text-align: center;
margin-top: 1em;
}
/******************* Container *******************/
.container {
margin: 0 1em;
}
/******************* Others *******************/
#my_canvas {
height: 400px;
}
.cloud_words_input {
margin: 1em;
}
#cloud_words_submit {
display: block;
margin-top: 1em;
}