@import url("https://fonts.googleapis.com/css2?family=Google+Sans&display=swap");
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    color: #ffffff;
    font-family: 'Google Sans', sans-serif;
}
*::-webkit-scrollbar {
    display: none;
}
PREVIEW, EXP {
    display: block;
    white-space: pre-wrap;
}
.preset > PREVIEW, EXP {
    width: 400px;
}
body {
    background-color: #6c6c6c;
    position: relative;
}
PREVIEW {
    font-size: 17px;
    font-weight: 700;
}
EXP {
    font-size: 15px;
    padding-top: 2px;
    padding-bottom: 2px;
}
ICON * {
    color: #000000;
    user-select: none;
}

ICON {
    border-radius: 3px;
    transform: translateY(-0px);
    transition: transform 0.3s ease, filter 0.6s ease;
    box-shadow: 2px 2px 2px 0px #3a3a3a6a;
}

ICON:hover {
    filter: brightness(1.2);
    transform: translateY(-10px) scale(1.2);
    transition: transform 0.3s ease, filter 0.6s ease;
    z-index: 100000;
}
ICON:hover * {
    filter: brightness(1.2);
}
#title {
    transform: translateX(2vw);
}
.preset {
    background: #5a5a5aca;
    width: 200px;
    overflow: scroll;
    z-index: 10000;
}
.disp {
    position: absolute;
}
PU {
    color: #dd28dd;
}
#iconP {
    border-radius: 100%;
    background: #afafaf;
    border: 2px solid color-mix(in srgb, #afafaf, #000000 60%);
    display: block;
    width: 20px;
    height: 20px;
}
#container {
    display: flex;
    flex-direction: row;
    align-items: center;
}
a {
    color: #ff9a00;
}
#mail {
    background: #cfcfcf;
    color: #000000;
}