website/japan/styles/hiragana.css

/* Styles for the hiragana page */

@import url("/styles/resets.css");

body {
    background-color: black;
}

.topgap {
	display: block;
	height: 60 px;
}

.pair{
    display: flex;
	flex-wrap: nowrap;
}

.alphabet {
    font-size: 36px;
    color: white;
    background-color: red;
    text-align: center;
    padding: 25px;
	width: 15%
}

.letter {
    font-size: 36px;
    color: red;
    text-align: left;   
	padding: 25px;
	width: 15%;
}

.data {
    font-size: 18px;
    color: red;
    padding: 25px;   
    text-align: left;
    width: 70%;
}

@media (max-width: 800px) {
	.alphabet {
		font-size: 18px;		
	}
	
	.letter {
		font-size: 18px;
	}
	
	.data {
		font-size: 12px;
	}
}