* {
    font-family: Sofia Sans;
}
h1,h2,h3, tr>td {
    font-weight: 200;
}
h1.home {
    border-top: 1px solid white;
    border-bottom: 1px solid white;
    position: relative;
    margin-top: -1.4em;
    margin-bottom: 0.5em;
    backdrop-filter: blur(9px);
    font-size: 400%;
}
h2 {
    clear: both;
    opacity: 0.5;
}
section {
    clear: both;
}
footer {
    font-size: x-small; 
    position: fixed;
    bottom: 0; right: 0; margin:0;padding:0;height:1em;
}
.nul {
    text-decoration: none;
}
img.kan {
    float: right; position: relative; margin-top: -3.5em; height: 3em;
}

figure {
    width: 30%;
    margin-right: 1em;
    float: left;
}
.summary figure {
    float: right;
    margin-left: 1em;
}
.summary figure.card {
    float: none; display: inline-block;
    width: 5em;
    margin-right: 0;
}
figure.right {
    float: right;
    margin-left: 1em;
}
figure img {
    border-radius: 1em;
    border: solid rgba(245, 107, 61,0.25) 2px;
}
figure figcaption {
    padding: 0; font-size: smaller;
}
figcaption p {
    font-weight: 200;
}

nav {
    background-color: rgba(0,0,0,0.4);
    position: fixed; top: 0; width: 100%;
    backdrop-filter: blur(9px); z-index: 999;
}
main {
    margin-top: 3em;
}
nav ul.socials {
    margin-right: 0.8em;
}
ul.socials li a { 
    width: 1.8em; padding: 0.2em;
}
nav li a[aria-current] {
    font-weight: 900;
}

hr {
    clear: both;
}
@media screen and (max-width: 768px) {
  hr, .nul span {
    display: none;
  }
  figure {
    width: 45%;
  }
}
@media screen and (min-width: 768px) {
    form[netlify] {
        margin: 0 3em;
    }
    h1.home{
        background-image: url("../images/Kanatica BW Sm.svg");
        background-position: right center;
        background-size: contain;
    }
}
ul.lang li a {
    font-size: 75%;
    border: 1px solid;
    padding: 0 5px;
}
aside.lang {
    position: fixed;
    right: 0;
    z-index: 999;
}