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

body {
    background-color: #060606;
}

.purple-square {
    background-color: #8850ff;
    width: 256px;
    height: 256px;
    border-radius: 72px;
    position: absolute;
    left: 50%;
    margin-top: 200px;
    -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: 380px;
    color: #8850ff;
    font-size: 36px;
}

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

.appstore {
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    margin-top: 580px;
    text-align: center;
}

a:link {
  color: #8850ff;
}

a:visited {
  color: #8850ff;
}

a:hover {
  color: #8850ff;
}

a:active {
  color: #8850ff;
}