88 lines
1.3 KiB
CSS
88 lines
1.3 KiB
CSS
|
@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;
|
||
|
|
}
|