*{
    max-width: 100%;  
    
}

html{
    scroll-behavior: smooth;
}

/* 
body{
    background-color: #3d405b;
    font-family: 'Ubuntu', sans-serif;
} */

h1,h2,h3,p,nav{ 
    font-family: 'Noto Sans', sans-serif;
}

/* hr{
    border-style:solid;
    border-color: #fff;
    background-color: #fff;
} */

/* for Mobile device*/
/* Mark 765px width 375px */

/* @media screen and (max-width: 375px) {

} */


/* for PC */
@media screen and (min-width: 425px) {

    
    
}


/* Pseudo-classes */
a:link{
    color: black;
    
}

a:visited{
    color: gray;
}

a:focus{
    color: black;
    background-color: lavender;
}

a:hover{
    color: black;
    background-color: lavender;
    transform:scale(1.1);
}

a:active{
    color: red;
    background-color: lavender;
}