index.css

html {
    height: 1080px;
    width: 1920px;
}

body {
    height: 1080px;
    width: 1920px;
    overflow: hidden;
    padding: 0;
    margin: 0;
    background-image: linear-gradient(rgba(255,255,255,0.9), rgba(255,255,255,0.9)), url("images/cherubino_pant541.png");
    background-repeat: no-repeat;
    background-position: right 50px bottom 50px;
    background-size: 400px;
}

.header {
    background-color: #003c71;
    text-align: left;
    padding: 20px;
}

#clock {
    position: fixed;
    top: 40px;
    right: 50px;
    color: white;
    font-size: 50px;
}

#bullets {
    position: fixed;
    top: 120px;
    left: 900px;
    color: white;
    font-size: 20px;   
}

#version {
    position: fixed;
    top: 2px;
    right: 50px;
    color: #757575;
    font-size: 16px;   
}

.event {
    padding: 10px;
    border-top: 3px groove #003c71;
    padding-top: 10px;
    margin-bottom: 10px;
}

.event > h3 {
    color: #003c71;
    font-family: sans;
    font-size: 200%;
    margin-bottom: 5px;
    margin-top: 0px;
}

.eventi {
    margin-top: 0px;
    width: 1200px;
    display: none;
}

.eventi > h2 {
    font-family: sans;
    font-size: 3.5rem;
    color: white;
    position: fixed;
    right: 600px;
    top: 40px;
    margin-top: 0px;
}

.venue {
    font-size: 2.2rem;
    font-family: sans;
    font-variant: bold;
    margin-bottom: 15px;
}

.smaller .venue {
    margin-bottom: 0px;
}

.visitors {
    position: fixed;
    left: 1250px;
    border-left: 3px groove #003c71;
    width: 600px;
    height: 7500px;
    top: 180px;
    display: none;
}

.visitors-container {
    overflow: hidden;
    display: block;
    height: 820px;
}

.visitors > h2 {
    font-size: 2em;
    color: #003c71;
    margin-left: 10px;
    text-align: left;
}

.visitor {
    color: #003c71;
    font-family: sans;
    font-size: 1.8rem;
    margin-bottom: 0px;
    margin-top: 0px;
    padding-left: 20px;
    border-bottom: 3px groove #003c71;
    padding-bottom: 20px;
}

.lauree {
    padding: 2em;
    margin-top: 25px;
    font-size: 2rem;
    display: none;
}

.lauree > h1 {
    font-size: 1.4em;
    color: white;
    margin-bottom: 30px;
    margin-top: -30px;
    border-bottom: 6px solid #003c71;
    border-top: 6px solid #003c71;
    border-left: 6px solid #003c71;
    padding: .2em;
    background: #003c71;
}

.lauree h2 {
    font-size: 1.2em;
    color: #003c71;
    margin-bottom: 30px;
}

.fullscreen-img {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 1920px;
    height: 1080px;
    z-index: 100;
}

.problem {
    display: none;
    height: 920px;
}

.problem iframe {
    width: 100%;
    height: 920px;
    border: none;
}

.embed {
    position: absolute;
    display: none;
    height: 920px;
    width: 100%;
}

.embed iframe {
    width: 100%;
    height: 920px;
    border: none;
}

.event.smaller {
    font-size: 90%;
}

.badge.smaller {
    font-size: 60%;
}

.speaker {
    font-size: 100%;
}

.affiliation {
    font-size: 80%;
}

.title {
    font-size: 80%;
}