@media (min-width: 400px) {
	body {
		background-color: rgb(240, 225, 212);
	}}
	
.cherry-bomb-one-regular {
  font-family: "Cherry Bomb One", system-ui;
  font-weight: 400;
  font-style: normal;
}
.darumadrop-one-regular {
  font-family: "Darumadrop One";
  font-weight: 400;
  font-style: normal;
}

h1 {font-family: "Cherry Bomb One";}

.intro div{
  font-size: 3rem;
  text-align: center;}

p {font-family: "Darumadrop One";
   font-size: 1.5rem; }

	
	.title {
  width: 100%;
  height: 200px;
  background-image: url(https://file.garden/ajonTfoX2R78l2qL/site%20uploads/titlecard.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: top;}
	
	  .bar {
  	   display: flex;
     flex-direction: row;
	 text-align: justify;
	 justify-content: center;
  background-image: url("navbar.png");
  background-repeat: no-repeat;
  background-size: auto 15vh;
	  height:15vh;
	  width: 100%;
      border-radius: 1em;
      place-items: center;}
      
   .bar div {
    	padding: 0.5rem;
        background-color: rgb(240, 225, 212);
        border: dashed rgb(97, 139, 214);
        color: rgb(203, 43, 49);
        border-radius: 1em;
        margin: 0.5em;
 
        }
        
	  
	.idaw{
	  display: grid;
  	grid-template-columns: 1fr 2fr;
  	justify-content: center;
	  width:auto;
	  height:35vh;
      margin: auto;
      color: red;
	  background:url(idaw.png);
      background-repeat: no-repeat;
      background-size: auto 35vh;
      border-radius: 1em;
    overflow: auto;
	}
	
	  
	.idaw img{
	  object-fit: fill;}
	
      
	.homebtn img{
      margin: auto;
	  max-height:35vh;
	  max-width:auto;}
	

.box { 
      display: flex;
     flex-direction: row;
	 text-align: justify;
	 justify-content: center;
}
       
	
.box img {
  height: 35vh;
  width: auto;
}
	
.lilhome{
  height: 10vh;
  width: auto;}

.lilhome img{
  height:10vh;
  width: auto;}

@media screen and (max-width: 800px) {
  
  p{ font-size: 1em;}
    
    .bar{
      display: flex;
      flex-direction: column;}
      
  .box{
    display: flex;
    flex-direction: column; 
    align-items: center;} 
    
    .idaw{
      height: 20vh;
      width: auto;
      overflow: auto;
      background-image: url(idaw.png);}
      
    .idaw img{
      height: 20vh;
      width: auto;
      object-fit: fill;}
      
    .homebtn{
      height: 5vh;
      width: auto;
      justify-content: flex-start;}}