p {
font-size:28px;
}

.slides {
width: 100% !important;
}

.intro a {
    padding: 0 5px;
}

.flex-row {
    display:flex;
    flex-direction: row;
    margin:0 15%;
    justify-content: space-around;
    width: 70%;
}

.flex-row p, img, .legend {
    color: #aaa;
    padding: 0;
    margin: 0
}

ul {
    font-size: 28px
}

.emphasis {
    color: var(--r-link-color)
}

i {
    font-style: italic;
}

code {
    color: #dd5566;
    background-color: #333;
    padding: 2px 10px;
}

ul, li {
    font-size: 28px;
}

.strike {
    text-decoration: double line-through !important;
}

#welcome > .links, #welcome-override > .links, #welcome .links, #welcome-override .links {
    display: flex;
    justify-content: space-around;
    width: 100%;
    border-bottom: 1px solid var(--r-link-color);
    background: rgba(0,0,0,0.3);
}

.links-beys > * > a{
    color: #66e8ac !important;
}

.links-beys .onhover-button:hover {
    background: #66e8ac !important;
}

.links-beys .onhover-button:hover a {
    color: #fafafa !important;

}

.links-beys {
    border-bottom-color: #66e8ac !important;

}


.onhover-button {
    width: 100%;
    transition-duration: 0.5s;
    padding: 15px;
    cursor: pointer;
}

.onhover-button:hover {
    background: var(--r-link-color)
}

.onhover-button:hover > a {
    color: #fafafa;
    width: 100%;
}

.line-through {
    text-decoration-line: line-through; text-decoration-thickness: 8px
}



#webcamContainer {
    margin: 0 1.5vh;
    position: fixed;
    z-index: 99;
}
#webcam {
    height: 100vh;
    width: unset;

}


.reveal pre code {
    max-height: 500px;
}