Scribd
Upload
27 views3 pages

Styles S

Uploaded by

indahsaragih72
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
27 views3 pages

Styles S

Uploaded by

indahsaragih72
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
You are on page 1/ 3

@import url("https://fonts.googleapis.com/css2?

family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,10
0;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");

/*home*/
* {
margin: 0;
padding: 0;
box-sizing: border-box;
text-decoration: none;
border: none;
outline: none;
scroll-behavior: smooth;
font-family: "Poppins", sans-serif;
}
:root {
--bg-color: #ffffff;
--second-bg-color: #ffffff;
--text-color: rgb(0, 0, 0);
--main-color: #3cb371;
}

body {
background: url("bg.png") no-repeat center center fixed; /* Gambar latar belakang
*/
background-size: cover; /* Gambar menutupi seluruh layar */
color: #333;
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
min-height: 100vh;
padding: 20px;
font-family: "Poppins", sans-serif;
font-size: 16px;
line-height: 1.5;
transition: background-color 0.3s ease;
}

header {
background-color: none;
color: rgb(0, 0, 0);
padding: 15px 20px;
width: 100%;
text-align: center;
border-radius: 8px;
font-size: 40px;
margin-top: 9%;
margin-bottom: 20px;
transition: transform 0.3s ease;
}

header:hover {
transform: scale(1.02);
}

nav {
margin-bottom: 20px;
}
nav ul {
list-style: none;
padding: 0;
}

nav li {
display: inline-block;
margin: 0 10px;
}

nav a {
font-size: 18px;
color: #fff;
padding: 10px 20px;
background-color: rgba(0, 0, 0, 0.7);
border-radius: 8px;
text-decoration: none;
transition: background-color 0.3s ease;
}

nav a:hover {
background-color: #2b2b2b;
}

section {
text-align: center;
margin: 30px 0;
}

footer {
text-align: center;
margin-top: 40px;
font-size: 14px;
color: #fff;
}

footer p {
margin: 0;
}

p {
font-size: 16px;
color: #333;
}

@media (max-width: 600px) {


body {
padding: 10px;
}

nav a {
font-size: 14px;
padding: 8px 16px;
}

header {
font-size: 30px;
}
section {
padding: 10px;
}
}

You might also like