body {
    background-color: #e42f74;
    margin: 0;
    }

header {
    background-color: #448EE4;
    width: 100%;
    position: fixed;
    top: 0;
    }

img { 
    height: 70px;
    }



.t1 {
    text-align: center;
    color: white;
    font-size: 5rem;
    margin-top: 10px;
    margin-bottom: 400px;
    font-family: 'Kanit', sans-serif;
    letter-spacing: 20px;
    }
.p1 {
    text-align: center;
    color: white;
    font-size: 3rem;
    letter-spacing: 10px;
    font-family: 'Kanit', sans-serif;
    }
.t2 {
    text-align: center;
    color: white;
    font-size: 1.7rem;
    margin-top: 250px;
    font-family: 'Kanit', sans-serif;
    }
.p2 {
    
    text-align: center;
    color: white;
    font-size: 1.5rem;
    font-family: 'Montserrat', sans-serif;
    line-height: 40px;
    margin: 10px;
    }
    
    
#about{
    background-color: #877D0E;
}
.p0{
    text-align: center;
    color: white;
    font-size: 2rem;
    margin-top: 200px;
    letter-spacing: 10px;
    font-family: 'Kanit', sans-serif;
    margin-bottom: 10px;
}


/* Smartphone */
@media only screen and (max-width: 767px) {
.p0{
    font-size: 1.5rem;
    letter-spacing: 5px;
}
.p1{
    font-size: 1.7rem;
    letter-spacing: 5px;
}
.t1{
    font-size: 3.0rem;
    letter-spacing: 10px;
    margin-bottom: 220px;
}
.t2{
    font-size: 1.4rem;
    margin-top: 70px;
}
.p2{
    
    font-size: 0.8rem;
    line-height: 30px;
    
    
}



  }
  
  /* Tablet */
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    .p0{
        font-size: 1.8rem;
        letter-spacing: 5px;
        margin-top: 200px;
    }
    .p1{
        font-size: 1.9rem;
        letter-spacing: 5px;
        margin-top: 50px;
    }
    .t1{
        font-size: 4rem;
        letter-spacing: 15px;
        margin-bottom: 150px;
        
    }
    .t2{
        font-size: 1.6rem;
        margin-top: 100px;

    }
    .p2{
        font-size: 1rem;
        line-height: 35px;
        
        
        
        
    }
  }
  /* Laptop */
@media only screen and (min-width: 1024px) and (max-width: 1365px) {
    .p0{
        font-size: 1.8rem;
        letter-spacing: 5px;
        margin-top: 250px;
    }
    .p1{
        font-size: 1.9rem;
        letter-spacing: 5px;
        margin-top: 50px;
    }
    .t1{
        font-size: 4rem;
        letter-spacing: 15px;
        margin-bottom: 300px;
        
    }
    .t2{
        font-size: 1.6rem;
        margin-top: 100px;

    }
    .p2{
        font-size: 1rem;
        line-height: 35px;
        
        
        
        
    }
    
   
    
  }