﻿.camera {
    width: 60%;
    padding-top: 50%;
    position: absolute;
    top: 40%;
    left: 50%;
    border: 15px dashed black;
    transform: translate(-50%, -50%);
}

.torchWrapper {
    position: absolute;
    top: 80%;
    width: 100%;
    z-index: 2;
    display: none
}

.torchIcon {
    margin-left: auto;
    margin-right: auto;
    display: block;
    max-width: 2rem;
    font-size: 2rem;
}

.torchIcon:focus, .torchIcon:active {
    background: radial-gradient(ellipse, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 77%);
}