a{
color: #5a7b97;
font-weight: bold;
font-size: 18px;
}
a:hover{
background:#fff;
color: #000;
font-size:1.2em;
}
h1,h2{
display:flex;
justify-content:center;
}
h4,td,span{padding-left: 10px;}
nav{line-height: 2em;}
nav a {color: #fff;}
body{
display:flex;
justify-content:center;
align-content:center;
background:#f0f8ff;
font-family:"TX-02", monospace;
}
.container {
position: relative !important;
width: 800px !important;
top: 7em;
border-style: inset !important;
border: 10px;
display: grid;
box-shadow: 1em -1em #96bbd2;
background: #f0f8ff;
}
.intro{
padding: 10px;
background: #6ba5c9;
color: #fff;
}
nav ul {
display: flex;
list-style: none;
justify-content: center;
}
nav ul li {
margin-right: 1em;
}
.day{
cursor: pointer;
border-radius: 5px;
width: 1.5em !important;
margin-top:-1.5em !important;
margin-inline: -0.25em !important;
float: inline-end !important;
border-style: solid;
}
aside > p{
padding: 1em;
width: 30%;
float: right;
box-shadow:inset 0 0 1em #000;
}
.day:hover > .daytext{
visibility: visible;
}
.day .daytext{
visibility: hidden;
margin: -2.5em;
display: inline-flex;
vertical-align: top;
}
.one{
border-left: 0em inset;
background:#132b41;
margin: 1em;
padding: 1em;
color: #fff;
}
::selection {
color: #000;
background:#fff;
}
#ok td{display: block; height: 3em;}
#ok{visibility: collapse; display: none;}
.articlelist{width: 50%;}
@media (max-width: 680px){
nav ul {display: flex; flex-wrap: wrap;}
.container{top: 0em;}
.day{ margin: auto !important; width: 9% !important; height: 75%;}
#collapse{display: block;}
#ok{visibility: visible; display: inline-table;}
#calendar{display: none;}
}
@media (max-width: 500px){
.one{margin: 0em; padding: .5em;}
#hide{display: none; width: 100%;}
.articlelist{width: 100%;}
aside > p{ width: 90%;}
td,span{padding: 0px;}
}
svg{
}