.page-1 {
    display: flex;
    height: 100%;
    width: 100%;
    backdrop-filter: blur(30px) brightness(100%);
    -webkit-backdrop-filter: blur(30px);
}

.title {
    height: 100%;
    width: 100%;
    align-items: center;
    display: flex;
    justify-content: center;
}

.mono {
    font-size: 8vw;
    display: flex;
    padding: 5% 8%;
    border-radius: 0.25em;
}

.description {
    height: 100%;
    width: 100%;
    align-items: center;
    display: flex;
    justify-content: center;
    margin-right: 10%;
}

.description-text {
    font-size: 2vw;
    text-align: center;
    padding: 5% 8%;
    border-radius: 0.9em;
}


/*iphones*/
@media only screen and (min-device-width: 0px) and (max-device-width: 700px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
    .page-1 {
        display: grid;
    }

    .title {
        margin-top: 30%;
    }

    .mono {
        font-size: 16vw;
    }

    .description-text {
        font-size: 4vw;
        margin-bottom: 30%;
        margin-left: 5%;
        margin-right: 5%;
    }
}

@media only screen and (min-device-width: 0px) and (max-device-width: 700px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
    .mono {
        font-size: 8vw;
    }

    .description-text {
        font-size: 2vw;
    }
}

/*ipads*/
@media only screen and (min-device-width: 700px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
    .page-1 {
        display: grid;
    }

    .title {
        margin-top: 10%;
    }

    .mono {
        font-size: 16vw;
    }

    .description-text {
        font-size: 4vw;
        margin-bottom: 10%;
        margin-left: 5%;
        margin-right: 5%;
    }
}

@media only screen and (min-device-width: 700px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
    .mono {
        font-size: 8vw;
    }

    .description-text {
        font-size: 2vw;
    }
}