@import
    'config',
    '@tiny-components/plain-ui/src/scss/plain-ui';

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

.teapot {
    @include media-xxs-only() {
        width: 100%;
        height: auto;
    }

    @include media-xs-only() {
        width: 100%;
        height: auto;
    }

    @include media-sm-only() {
        width: 100%;
        height: auto;
    }
}