@import url('https://fonts.googleapis.com/css2?family=Bitter:ital,wght@1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Merriweather:wght@300&display=swap');
@import url('navbar.css');
@import url('pagecontent.css');
@import url('https://fonts.googleapis.com/css2?family=Merriweather:wght@300&family=Montserrat+Subrayada&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Merriweather:wght@300&family=Montserrat+Subrayada&family=Oleo+Script+Swash+Caps&display=swap');







    


:root {
    --fullheight: 100%;

    --tspc: 1vw;
    --tsphone: 3.5vw;
    --tstabled: 2vw;

    --navbheight: 8vh;

    --lg-ph: 5vh;
    --lg-tab: 7vh;
    

    --pagecolor: #ccd0d8;
    --darkencolor: rgba(100, 90, 90, 0.247);
}
* {
    overflow-x: hidden;
    overflow: hidden;
    margin: 0;
    padding: 0;
    font-family: 'Merriweather', serif;
    transition: 0.3s;
    text-decoration: none;
}
::-webkit-scrollbar {
    width: 0px;
    background: transparent;
    }
img {
    width: 100%;
    height: 100%;
}
html,

body {
 
     background-repeat: no-repeat;
    background-size:cover;
    background-image: url('hinhweb/IMG_1619.jpg');
    
    background-position-x: center;
    overflow-x: hidden;
    overflow-y: scroll;
    
    height: 100vh;
    width: 100vw;
    margin: 0;
    padding: 0;
}

/*---Phone Devices Settings-----*/

@media only screen and (min-device-width: 768px) and (max-device-width: 1500px) and (-webkit-min-device-pixel-ratio: 1) {
   
    
}