TeaWeb/web/css/static/main.scss

html, body {
	overflow-y: hidden;

    height: 100%;
    width: 100%;
    position: fixed;

    min-height: 250px;
    min-width: 250px;
}

.app-container {
	display: flex;
	justify-content: center;
	position: absolute;

    right: 10px;
    left: 10px;
    bottom: 40px;
    top: 10px;

    transition: all .5s linear;
    
	.app {
		width: 100%;
		height: 100%;
		margin: 0;

		display: flex; flex-direction: column; resize: both;
	}
}

$small_device: 650px;
@media only screen and (max-width: $small_device) {
	.app-container {
		bottom: 25px;
	}
}