.instilogo {
    height: 50px;
    filter: grayscale(20%);
}

a:hover {
    /* font-weight: 400; */
    text-decoration: none;
    transition-duration: 0.3s;
    transition-timing-function: linear;
    /* color: #444; */
}

.noter {
    font-size: 10pt;
}

/* Applied by style.js, never in the markup: if JS fails, content stays visible. */
.reveal {
    opacity: 0;
    transform: translateY(14px);
    transition: opacity 0.6s ease-out, transform 0.6s ease-out;
    will-change: opacity, transform;
}

.reveal.revealed {
    opacity: 1;
    transform: none;
    will-change: auto;
}

@media (prefers-reduced-motion: reduce) {
    .reveal,
    .reveal.revealed {
        opacity: 1;
        transform: none;
        transition: none;
    }
}

.tagsep {
    padding: 4px;
}

.tag {
    padding-right: 2px;
}

.confshort {
    font-weight: 300;
}

.conf {
    display: inline-block;
    padding-bottom: 4px;
}

.paper {
    border-left: 1px solid #ddd;
}

.menulink:hover {
    color: #111;
}

.profilepic-flip-container {
    perspective: 1200px;
    width: 150px;
    -webkit-user-select: none; 
    -moz-user-select: none; 
    -ms-user-select: none; 
    user-select: none;
    touch-action: manipulation;
    cursor: pointer;
}

.profilepic-flipper {
    width: 100%;
    height: 150px;
    position: relative;
    transform-style: preserve-3d;
    transition: transform 1.25s cubic-bezier(0.68, -0.40, 0.165, 1.20); 
}

.profilepic-flipper.flipped {
    transform: rotateY(900deg);
}

.profilepic.face {
    width: 150px;
    height: 150px;
    object-fit: cover;
    border-radius: 8%;
    filter: grayscale(15%);
    position: absolute;
    top: 0; left: 0;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    transform-style: preserve-3d;
}

/* Back image starts rotated 180° so it's hidden initially */
.profilepic.face.back {
    transform: rotateY(180deg);
    filter: grayscale(0%);
}

.context {
    padding: 0;
    margin-top: 0;
}

@media (min-width: 768px) {
    .fixed-posi {
        /* width: 50%;
            margin-left: 50%;
            min-height:100%; */
        position: fixed;
    }
}

@media only screen and (max-width: 900px) {
    .allstuff {
        padding-top: 0px !important;
    }

    .allstuffp {
        padding-top: 0px !important;
    }

    .profilepic {
        width: 90px;
        border-radius: 8%;
        padding-top: 0px !important;
        padding-bottom: 0px !important;
        filter: grayscale(15%);
    }

    .menur {
        padding-top: 18px !important;
    }

}

/* .thisauthor {
          color: #111;
          text-decoration: underline;
    } */