@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

body, html {
    margin: 0;
    padding: 0;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #b3fcb3;
}
video {
    max-width: 100%;
    max-height: 100%;
    border-radius: 50%;
    opacity: 1;
}
.loaded {
    outline: 5px solid #2F4F4F;
    border-color: #8FBC8F;
    border-style: solid;
    border-width: 5px;
    animation: fadeIn 1s ease-in-out forwards;
}