body{
    font-family: sans-serif;
    margin:0;
    background-color:#f5f6fb;
}

a{
    color:#ea7097;
    text-decoration:none;
}

a.current{
    font-weight:bold;
}

nav{
    text-align:center;
    background-image:url('logo.png');
    background-repeat:no-repeat;
    background-size:contain;
}

.button {
  border-radius: 9px;
  background-color: #ea7097;
  color: white;
  padding: 8px;
  padding-left:18px;
  padding-right:18px;
  border-style: none;
}

.button_invert{
  color:#ea7097;
  background-color:white;
  border: solid 1px #ea7097;
}

#btn_topright{
    float:right;
    margin-right: 1em;
}

nav>ul{
  display:inline-block;
}

nav>ul>li{
  display:inline-block;
  padding-left: 1em;
}

#header_inner{
  border-radius: 18px;
  padding-left: 1em;
  padding-right: 1em;
  padding-top: 1px;
  padding-bottom: 1px;
  background: #CFEBF6;
  background: linear-gradient(90deg, rgba(207, 235, 246, 1) 0%, rgba(238, 223, 233, 1) 100%);
}

#header_block {
  padding-top: 2em;
  padding-bottom: 2em;
  padding-left: 1em;
  padding-right: 1em;
  background: #91D3EB;
  background: linear-gradient(90deg, rgba(145, 211, 235, 1) 0%, rgba(222, 184, 207, 1) 100%);
}

a.iconlink{
  display:inline-block;
  border: 1px solid black;
  padding: 3px;
  min-width:6em;
  text-align:center;
  text-decoration: none;
  color:black;
}

img.iconlink_image{
  width: 3em;
  height:3em;
}

div.calendar{
    width:100%;
    height:90vh;
}

.sectionbox{
    float:left;
    margin:8px;
    border:1px solid #e9e9e9;
    border-radius:9px;
    background-color:white;
}

.sectionbox>h2{
    text-align:center;
    border-bottom: 1px solid #e9e9e9;
    margin:0;
    padding:8px;
}

.sectionbox>p, .sectionbox>h3, .sectionbox>h4, .sectionbox>h5, .sectionbox>pre{
    padding-left:16px;
    padding-right:16px;
}

.sidebar{
    max-width:20em;
    min-width:20em;
    float:left;
}

.sideitem{
    max-width:20em;
    min-width:20em;
}

.mainsection{
    max-width:calc(100vw - 20em - 18px);
    float:left;
}

.mainitem{
    max-width:calc(100vw - 20em - 36px);
    min-width:calc(100vw - 20em - 36px);
}

@media (max-width: 750px) {
    .mainsection, .mainitem, .sidebar, .sideitem{
        max-width:unset;
        min-width:calc(100vw - 18px);
    }
}

.socialicon{
    width:1em;
    height:1em;
    margin-right:0.5em;
}

.sociallink{
    font-weight:bold;
}

.centre{
    width:fit-content;margin:auto;
}

pre{
    font-size: calc(min(1.3vw,0.9em));
}
@media (max-width: 750px) {
    pre{
        font-size: calc(min(2.3vw,0.9em));
    }
}