128 lines
1.5 KiB
CSS
128 lines
1.5 KiB
CSS
|
|
@import url(https://cdn.jsdelivr.net/npm/firacode@6.2.0/distr/fira_code.css);
|
|
|
|
body {
|
|
font-family: "Fira Code", monospace;
|
|
color: black;
|
|
padding: 2em;
|
|
/*text-shadow: -1px -1px 0 #000, 1px -1px #000, -1px 1px #000, 1px 1px #000;*/
|
|
/*display: grid;*/
|
|
background: #2e2828;
|
|
}
|
|
|
|
a:link {
|
|
color: black;
|
|
}
|
|
|
|
a:visited {
|
|
color: #111;
|
|
}
|
|
|
|
|
|
a:hover {
|
|
color: #111;
|
|
}
|
|
|
|
|
|
a:active {
|
|
color: #111;
|
|
}
|
|
|
|
* {
|
|
}
|
|
|
|
.header {
|
|
/*height: 10vh;*/
|
|
/*float: left;*/
|
|
text-align: center;
|
|
background: #DDD;
|
|
border-radius: 16px;
|
|
width:100%;
|
|
padding:1em;
|
|
padding-left: .2em;
|
|
padding-right:.2em;
|
|
}
|
|
|
|
.sidebar {
|
|
width:20%;
|
|
float: left;
|
|
background: #DDD;
|
|
border-radius:16px;
|
|
padding:1em;
|
|
margin-top: 2em;
|
|
|
|
}
|
|
|
|
.content {
|
|
float: right;
|
|
width: 70%;
|
|
margin-top: 2em;
|
|
background: #DDD;
|
|
padding:1em;
|
|
border-radius: 16px;
|
|
}
|
|
|
|
|
|
.navbar_links {
|
|
/*display: grid;*/
|
|
/*grid-template-columns: auto auto;*/
|
|
list-style: none;
|
|
}
|
|
|
|
iframe {
|
|
}
|
|
|
|
.navbar_link {
|
|
width:10em;
|
|
display: table-cell;
|
|
font-size: 22px;
|
|
}
|
|
|
|
* {
|
|
|
|
}
|
|
|
|
#queen {
|
|
width: 20em;
|
|
border: black;
|
|
padding: .3em;
|
|
border-style: double;
|
|
background: white;
|
|
|
|
|
|
}
|
|
|
|
#susie {
|
|
height: 5em;
|
|
}
|
|
|
|
#glados {
|
|
}
|
|
|
|
iframe {
|
|
width: 90%;
|
|
height: 400px;
|
|
margin: 3%;
|
|
|
|
}
|
|
|
|
@media only screen and (max-width: 600px){
|
|
.sidebar {width:100%}
|
|
.content {width:100%}
|
|
|
|
}
|
|
|
|
footer {
|
|
display: inline-block;
|
|
width: 98%;
|
|
border-radius: 16px;
|
|
padding:1em;
|
|
margin-left: 0%;
|
|
margin-top: 5em;
|
|
background: #DDD;
|
|
img {
|
|
|
|
}
|
|
}
|
|
|