WhyKorp
105 lines
1.5 KiB
CSS
105 lines
1.5 KiB
CSS
|
|
body {
|
|
background-color: #3E3E3E;
|
|
font-family: Arial, Helvetica, sans-serif;
|
|
color: white;
|
|
}
|
|
|
|
a {
|
|
color: rgb(165, 208, 246);
|
|
}
|
|
|
|
h1.welcome {
|
|
padding-left: 25px;
|
|
margin-top: 30px;
|
|
}
|
|
|
|
img.logo {
|
|
width: 100px;
|
|
height: 100px;
|
|
}
|
|
|
|
header {
|
|
background-color: #303030;
|
|
width: 100%;
|
|
height: 100px;
|
|
border-radius: 10px;
|
|
display:flex;
|
|
}
|
|
|
|
h1 {
|
|
color: white;
|
|
}
|
|
|
|
nav.nav {
|
|
text-decoration: none;
|
|
list-style-type: none;
|
|
display:flex;
|
|
justify-content:left;
|
|
margin-left: 40px;
|
|
}
|
|
|
|
li.nav {
|
|
background-color: #939393;
|
|
transition: 0.3s;
|
|
margin: 20px;
|
|
text-align: center;
|
|
height: 70px;
|
|
border-radius: 10px;
|
|
display: flex;
|
|
}
|
|
|
|
li.nav:hover {
|
|
background-color: #b9b9b9;
|
|
transition: 0.3s;
|
|
}
|
|
|
|
a.nav {
|
|
text-decoration: none;
|
|
margin: auto;
|
|
color: rgb(0, 0, 0);
|
|
font-size: 30px;
|
|
font-weight: bolder;
|
|
}
|
|
|
|
img.bann:hover {
|
|
background-color: rgb(124, 0, 0);
|
|
transition: 0.2s;
|
|
height: 40%;
|
|
width: 40%;
|
|
}
|
|
|
|
|
|
h2.type1 {
|
|
padding-top: 20px;
|
|
color: white;
|
|
font-size: 32px;
|
|
text-align: center;
|
|
}
|
|
|
|
footer {
|
|
background-color: #303030;
|
|
width: 100%;
|
|
height: 100px;
|
|
border-radius: 10px;
|
|
display:flex;
|
|
};
|
|
|
|
p.footer {
|
|
padding: 5px;
|
|
display: flex;
|
|
};
|
|
|
|
p.book {
|
|
display: flex;
|
|
};
|
|
|
|
img.book {
|
|
display: flex;
|
|
width: 100px
|
|
};
|
|
|
|
div.book {
|
|
justify-content:left;
|
|
display: flex;
|
|
}; |