/**!
 * penli v0.2.0 (https://github.com/kkn1125/penli)
 * Copyright 2021 Authors (https://github.com/kkn1125/penli/graphs/contributors) kkn1125
 * Licensed under MIT (https://github.com/kkn1125/penli/blob/main/LICENSE)
 */

/**
 * WithMe Theme Start
 */

body {
    display: flex;
    flex-direction: column;
}

[data-ani]{
    animation: ani 1s;
    -webkit-animation: ani 1s;
}

.pl-ex{
    border: 1px solid rgb(189, 189, 189);
    padding: 2em;
    border-radius: var(--pl-rounded-2);
    -webkit-border-radius: var(--pl-rounded-2);
    -moz-border-radius: var(--pl-rounded-2);
    -ms-border-radius: var(--pl-rounded-2);
    -o-border-radius: var(--pl-rounded-2);
}

@keyframes ani {
    0%{
        opacity: 0;
        left: 56%;
    }
    100%{
        opacity: 0.7;
        left: 50%;
    }
}

.menu-title {
    font-size: var(--pl-font-size-1);
}

/* 푸터 Setting Start */

.footer {
    position: relative;
    width: 100%;
    user-select: none;
    z-index: 1200;
    bottom: 0;
}

.footer .brand {
    filter: grayscale(1);
    -webkit-filter: grayscale(1);
    font-size: var(--pl-unit-6);
    padding-left: var(--pl-padding-1);
    padding-right: var(--pl-padding-3);
}

.footer a[href] {
    color: rgba(var(--pl-dark-rgb), var(--text-opacity));
    --text-opacity: 1;
}

/* 푸터 Setting End */


/**
 * WithMe Theme End
 */