@font-face { font-family:iransans; src: url('../fonts/iransans.otf'); src: url('../fonts/iransans.eot') format('eot'), url('../fonts/iransans.woff') format('woff'), url('../fonts/iransans.ttf') format('truetype'), url('../fonts/iransans.woff2') format('woff2'); font-display: swap; }

html { }

body { font-family: "Roboto", 'iransans', sans-serif;  max-width: 500px;  margin: 0 auto; font-size: 13px;}
a, a:not([class]) { text-decoration:none; }
p { margin: 0; }
.break {  flex-basis: 100%;  height: 0;}
h1, h2, h3, h4, h5, h6 { font-family: "Roboto", 'iransans', sans-serif;}
a.button {  background-color: #ffcf44;  padding: 0.5em 0.5em;  font-size: 14px;  color: #000;  font-weight: bold;  border: 3px solid #000;  -webkit-box-shadow: -4px 4px 0px 0px rgba(58,58,58,1);  -moz-box-shadow: -4px 4px 0px 0px rgba(58,58,58,1);  box-shadow: -4px 4px 0px 0px rgba(58,58,58,1);  display: inline-block; text-align:center; transition: all 0.3s ease;}
a.button:hover { background-color: #000; color:#fff; transition: all 0.3s ease;}
.coverimg { margin:7px auto; display:block;}

.container-component > :first-child { margin-top: 1em; }