@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;700&display=swap');
body{
    font-family:'Space Grotesk'
}

body{
    overflow:hidden;
}

.canvas{
    z-index:0;
    background-image:linear-gradient(#0000,#ffff),
                     url("OS15beta.png");
    background-size: 100%;
    position: absolute;
    width: 100%;
    height: 100%;
}

.dialogue_area{
    z-index:1;
    width:100vmin;
    margin-left:50%;
    padding:1%;
    transform: translateX(-50%);
    background-color:white;
    overflow-y:scroll!important;
}
.dialogue{
    flex-shrink:1;
    order:1;
    background-color:lightgray;
    padding-top:    5px;
    padding-bottom: 5px;
    margin-top: 5px;
    margin-bottom:5px;
}

.left-pfp{
    flex:0;
    order:0;
    height:100%;
    margin:5px;
}

.right-pfp{
    flex:0;
    order:2;
    height:100%;
    margin:5px;
}

.dialogue.akira_internal{
    text-align:center;
}

.dialogue.akira{
    background-color:hotpink;
    padding-left:10px;
    flex:1;
    height:100%;
}

.dialogue.moon{
    background-color:#ffdb28ff;
    padding-right:10px;
    text-align:right;
    flex:1;
    height:100%;
}

.dialogue.jamie{
    background-color:skyblue;
    padding-right:10px;
    flex:1;
    height:100%;
}


/*why the fuck this needs to be said is beyond me*/
p{
    margin: 0px!important;
    
}

body{
    margin:0px;
}