/*fonts*/
@import url('https://fonts.googleapis.com/css2?family=Comic+Neue:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
/*fonts*/
/*fonts*/
@import url('https://fonts.googleapis.com/css2?family=Comic+Neue:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
/*fonts*/
:root{
 --h6:calc(var(--base-font) * var (--type-scale));
  --h5:calc(var(--h6) * var (--type-scale));
  --h4:calc(var(--h5) * var (--type-scale));
  --h3:calc(var(--h4) * var (--type-scale));
  --h2:calc(var(--h3) * var (--type-scale));
  --h1:calc(var(--h2) * var (--type-scale));
}
body{
  width:50%;
  margin: 0 auto;
  background-image: url("https://img.freepik.com/free-photo/paper-texture_1194-5999.jpg?t=st=1731596357~exp=1731599957~hmac=a6171db3fdc306b4ad49d684a41ca3b377d4ad88f20304bbaa4e44674dac2ed9&w=2000")
}
header{
 font-family: "Comic Neue", cursive;
  font-weight: 400;
  font-style: normal;
}
hr{
  border-top: 4px dotted;
  border-bottom: 0px;
}
main{
  display:flex;
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  grid-template-rows:repeat(4, 1fr);
  gap:10px;
 
  }
aside{
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 12px;
}
article{
width:75%;
  margin-left:-2px;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 12px;
  
}
article > p{
  text-indent:10px;
}
.pro1, .noindent{
  text-indent:0px;
}
span{
 font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-style: normal;
   font-size: 18px;
}
li{
  list-style-type:none;
  line-height: 24px
}
ul{
  margin-left:-2px;
  
}
img{
  padding: left 20px; ;
grid-column:3,3 ;
grid-row: 2,3;
}
p{
  padding:3px ;
  
}