@font-face {
    font-family: 'roboto';
    src: url('fonts/roboto/Roboto-Light.ttf') format('truetype');
  }

.main {
    min-height: 100vh;
    width: 100%;
    box-sizing: border-box;
    background-image: linear-gradient(to right top, #051937, #00476e, #007b9f, #00b3bf, #12ebce);
}

.main .text {
    color: #fff;
    font-family: 'roboto', sans-serif;
}

.main .web {
    min-height: 520px;
}