@font-face {
    font-family: 'pixel';
    src: url('../fonts/PxPlus_VGA_SquarePx.ttf'), url('../fonts/PxPlus_VGA_SquarePx.woff');
}

/* SCROLLBAR */

::-webkit-scrollbar {
    width: 7px;
}

/* Track */

::-webkit-scrollbar-track {
    background: #000;
}

/* Handle */

::-webkit-scrollbar-thumb {
    background: #0f05;
}

* {
    box-sizing: border-box;
    scrollbar-color: #0f05 #000;
}

html {
    font-size: 100%;
}

body {
    padding: 0;
    margin: 0;
    background-color: #33f;
    color: #eee;
}

p, li, ul, h2, span {
    margin: 0px;
}
.container{
    position: fixed;
    /* left: 300px; */
    display: flex;
    /* justify-content: center;
    align-items: center;
    align-content: center; */
    width: 100%;
    height: 100vh;
}

.container iframe{
    width: 60%;
    height: 100%;

    transform: perspective(1500px) rotateY(30deg)translateX(25%);
    transform-origin: 0% 50%;
    box-shadow: -10px 10px #000;
}
.container div.description{
    width: 40%;
    /* transform: perspective(1500px) rotateY(-45deg) translateX(0px);
    transform-origin: 0% 50%; */
}

.description h3, .description h4{
    font-family: 'pixel', monospace;
}