#appContent{padding:30px max(calc(50vw - 200px), 15px);}
.pageTitle{padding-top:20px!important;}
.grid{display:grid;grid-template-columns:1fr;gap:10px;margin-top:10px;}

.box{background:white;position:relative;border-radius:10px;padding:15px 20px;border:1px solid #ECECEE;overflow:hidden;transition:color .2s,transform .2s,background .2s;}
.box img{position:absolute;right:-3px;bottom:-1px;transition:all .2s;width:50px;filter:drop-shadow(0 0 5px rgba(0,0,0,.03));}
.box .subject{font-size:1.3em;margin-left:-2px;}
.box:hover{color:#3BB0FE;}
.box:active{color:#3BB0FE;transform:scaleY(.95) scaleX(.98);background:#E8F5FF;}
.box:hover img,.box:active img{transform:rotate(-5deg) scale(1.1);right:2px;}

@media (min-width: 1000px) {
	#appContent{padding:30px max(calc(50vw - 490px), 15px);}
	.grid{grid-template-columns:1fr 1fr 1fr;}
}