@font-face {
    font-family: NodiferFontSrc;
    src: url('/extra/Nosifer-Regular.ttf');
}

.package {
    background-color: rgba(58, 139, 210, 0.474);
    justify-content: center;
    display: grid;
    padding: 20px;
    margin: 10px;
    border-radius: 20px;
}

.WTMP {
    font-family: 'NodiferFontSrc';
    top: -470px;
    justify-content: center;
    display: grid;
    position: relative;
    animation: loadInWTMP 1s forwards;
    animation-delay: 0s;
    animation-duration: 3s;
    animation-timing-function: ease-out;
    animation-iteration-count: 1;
}

.exampleOne {
    display: flex;
    margin: auto;
    padding-top: 80px;
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 1;
    grid-row-end: 2;
    row-gap: 100px;
}

.RII {
    border-radius: 20px;
}

.exampleImage1 {
    background-color: rgba(0, 255, 255, 0.50);
    padding: 15px;
    grid-column: 5;
    grid-row: 1 / 2;
}