qr-fileshare/client/src/styles/TopBar.css

Quickly transfer files to a different device via a web interface

#topBar {
    height: 20vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

#topBarHead {
    margin-left: 5%;
    font-weight: 300;
    color: #FFF;
    margin-bottom: 0.5rem;
}

#topBarQrLink {
    font-size: 0.8rem;
    margin-left: 5.5%;
    color: #F1F1F1;
    transition: color 0.2s ease;
    cursor: pointer;
}

#topBarQrLink:hover {
    color: #FFF;
}

#qrCode {
    position: absolute;
    top: 50%;
    left: 50%;
    height: 20rem;
    transform: translate(-50%, -50%);
    background: #FFF;
}