@import url('https://fonts.googleapis.com/css2?family=Permanent+Marker&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Gloria+Hallelujah&display=swap');
body {font-family: 'Gloria Hallelujah', cursive; background-color:#ffffff; font-size: 24px;}
.home {
background-image: url('https://www.meteoceltik.lautre.net/th-img/m1/M1-home2.png');
background-repeat: no-repeat;
background-position: center; 
background-size: cover;
height: 800px;}
.intro {
background-image: url('https://www.meteoceltik.lautre.net/th-img/m1/intro.jpg');
background-repeat: no-repeat;
background-position: center; 
background-size: cover;
height: 800px;}
.fitur {
background-image: url('https://www.meteoceltik.lautre.net/th-img/m1/fitur.jpg');
background-repeat: no-repeat;
background-position: center; 
background-size: cover;
height: 800px;}
.list {
background-image: url('https://www.meteoceltik.lautre.net/th-img/m1/services.jpg');
background-repeat: no-repeat;
background-position: center; 
background-size: cover;
height: 800px;}
.favorit {
background-image: url('https://www.meteoceltik.lautre.net/th-img/m1/favorite.jpg');
background-repeat: no-repeat;
background-position: center; 
background-size: cover;
height: 800px;}
.content {
background-image: url('https://www.meteoceltik.lautre.net/th-img/m1/footer.jpg');
background-repeat: no-repeat;
background-position: center; 
background-size: cover;
color:white;
height: auto;}
.footer {
background-image: url('https://www.meteoceltik.lautre.net/th-img/m1/contact.jpg');
background-repeat: no-repeat;
background-position: center; 
background-size: cover;
height: auto;}
a {color: white; text-decoration: none;}
h1,h2,h3,.sign {font-family: 'Permanent Marker', cursive;}
.nav-link,.copy {font-size: 18px;}