/*Google font-import*/
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');


* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

body {  font-family: "Playwrite AT", cursive;
  font-optical-sizing: auto;
  font-weight: weight;
  font-style: normal;

  
}






/* Tips */

.tips {
 
  font-family: "Pirata One", system-ui;
  font-weight: 400;
  font-size: 20px;
  font-style: normal;
  
  
 color: white;
  

   display: flex;
   justify-content: center;

   /* border: red solid 2px; */
  max-width: 880px;
  min-height: screen;
  padding-top: 125px;

}
.tip-control {
    
    display: flex;
justify-content: space-around;
flex-wrap: wrap;
text-align: center;
}


/* FOOTER */

footer {
    background-color: #0F172A;
    font-family: "Unica One", sans-serif;
  font-weight: 400;
  font-style: normal;

  
 
}

.footer-content {
    color: white;
margin:auto;




    display: flex;
    justify-content: space-evenly ;
    flex-wrap: wrap;


}


.footer-logo {
    /* border: 1px solid red; */
    padding:20px;
}




.footer-contact {
    /* border: 1px solid red; */
    padding:20px;
}

.footer-header {
    text-align: center;
}

.footer-follow {
    /* border: 1px solid red; */
    padding:20px;
}

.copyrights {

    color: white;

    text-align: center;
    padding: 20px;
    /* border: 1px solid red; */
}


/*mobile-style*/
@media only screen and (max-width: 400px) {
  /* body {
     background-color: #F09A9D; 
     Red */
   
  .tip { 
    font-size: 15px;
    /* border: dotted 2px white; */
    
    padding-top: auto;
   
    height: 20px;
 }
  
 

}


/*tablet-style*/
@media only screen and (min-width: 401px) and (max-width: 960px) {
  /* body {
    background-color: #F5CF8E;
     Yellow */
  .tip { 
    font-size: 20px;
    /* border: dotted 2px red; */
    
   
    
    height: 30px;
 }

  
 
}

/* Desktop Styles */
@media only screen and (min-width: 961px) {
  /* body {
    background-color: #B2D6FF;
     Blue
  } */
   .tip { 
    font-size: 20px;
    /* border: dotted 2px white; */
    

    height: 25px;
 }
  
 
}