@font-face {
    font-family: 'Metropolis';
    src: url('Metropolis-Bold.otf') format('opentype');
}

body {
    background-color: #060606;
}

.center-square {
    padding: 10px;
    border: 3px solid green;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.purple-square {
    background-color: #8850ff;
    width: 256px;
    height: 256px;
    border-radius: 72px;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.company-name {
    font-family: 'Metropolis';
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    margin-top: 180px;
    color: #8850ff;
    font-size: 36px;
}