body{  background:#FF0266;  font-family: 'PT Serif', serif;}
body a{ text-decoration: none;}
* {
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
        font-size: 100%;
        vertical-align: baseline;
        background: transparent;
        -webkit-font-smoothing: antialiased;
        font-family: 'Roboto', ;
    }
    img{width:150px; height:150px;}
.container{width:350px; margin: auto; }
.header{ padding:20px 0px;  font-size: 34px; text-align:center; color:#FFDE03; font-weight:bold; background-color: #FF0266; margin-bottom: 20px; }
.reset{position:fixed; right:2%; top:30px; color:#FFDE03; font-size:18px; cursor: pointer;}
.category-body{width:100%;  margin:auto; }
.category-text{height:30px; text-align:center; font-size:24px; line-height:30px; margin-top: 80px; color:#5d4037; }
.category-team{ font-size:32px; line-height:60px; text-align:center;  color:#0336FF; padding:0px 10px; }
.category-team a{text-decoration: none; color}
.category-button{  padding: 20px 0px; font-size: 24px;  text-align:center; background-color:#0336FF; color:#fff; cursor: pointer; position:fixed; left:5%; bottom: 20px;  width:90%; border-radius:6px; box-shadow: 1px 1px 2px #3e2723;  }
.card{    
	   display: flex;
   justify-content: center;
    align-items: center;
	width:90%; 
	margin:auto;
	margin-top: 15%;
height:300px; 
padding:2%;
	border-radius: 4px;
    background-color: #fff;
    box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0,0,0,.12);
    box-sizing: border-box;
     
}

@media only screen and (max-width: 800px) {
	.container{width:100%; margin: 0;}
}