Update style.css
This commit is contained in:
parent
196c1c893c
commit
28d8176b5e
77
style.css
77
style.css
@ -1,17 +1,33 @@
|
||||
body {
|
||||
@media screen and (min-width: 1600px) {
|
||||
|
||||
body {
|
||||
background: white;
|
||||
font-family: 'Kanit', sans-serif;
|
||||
color: #49998a;
|
||||
}
|
||||
}
|
||||
|
||||
.luna {
|
||||
#lonapc {
|
||||
text-align: left;
|
||||
font-size: 250%;
|
||||
color: aquamarine;
|
||||
margin-left: 25%;
|
||||
margin-left: 12.5%;
|
||||
margin-right: auto;
|
||||
text-shadow: -1px -1px 0 #0ac7a4, 1px -1px 0 #0ac7a4, -1px 1px 0 #0ac7a4, 1px 1px 0 #0ac7a4;
|
||||
}
|
||||
}
|
||||
|
||||
.what {
|
||||
#lonamobile {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
||||
.nav {
|
||||
width: 95%;
|
||||
margin: auto;
|
||||
box-shadow: 0 0 12.5px 7.5px #49998a;
|
||||
border-radius: 25px;
|
||||
}
|
||||
|
||||
.what {
|
||||
border-radius: 25px;
|
||||
background-color: #a6ffef;
|
||||
|
||||
@ -21,9 +37,9 @@ body {
|
||||
padding: 10px;
|
||||
|
||||
box-shadow: 60px -16px #49998a;
|
||||
}
|
||||
}
|
||||
|
||||
.how-work {
|
||||
.how-work {
|
||||
border-radius: 25px;
|
||||
background-color: #a6ffef;
|
||||
|
||||
@ -35,9 +51,9 @@ body {
|
||||
text-align: right;
|
||||
|
||||
box-shadow: 60px -16px #49998a;
|
||||
}
|
||||
}
|
||||
|
||||
.where{
|
||||
.where{
|
||||
border-radius: 25px;
|
||||
background-color: #a6ffef;
|
||||
|
||||
@ -47,14 +63,14 @@ body {
|
||||
padding: 10px;
|
||||
|
||||
box-shadow: 60px -16px #49998a;
|
||||
}
|
||||
}
|
||||
|
||||
.title {
|
||||
.title {
|
||||
font-size: 150%;
|
||||
color: #0ac7a4;
|
||||
}
|
||||
}
|
||||
|
||||
a {
|
||||
a {
|
||||
border-radius: 25px;
|
||||
border: none;
|
||||
box-shadow: none;
|
||||
@ -64,25 +80,48 @@ a {
|
||||
padding-right: 5px;
|
||||
background: #0ac7a4;
|
||||
color: white;
|
||||
}
|
||||
}
|
||||
|
||||
.bottom {
|
||||
.bottom {
|
||||
border-radius: 25px;
|
||||
background-color: #49998a;
|
||||
margin: 25px;
|
||||
margin-bottom: 10px;
|
||||
margin-top: auto;
|
||||
padding: 1px;
|
||||
text-align: center;
|
||||
color: white;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media screen and (max-width: 1600px) {
|
||||
.luna {
|
||||
|
||||
body {
|
||||
background: white;
|
||||
font-family: 'Kanit', sans-serif;
|
||||
color: #49998a;
|
||||
}
|
||||
|
||||
#lonamobile {
|
||||
font-size: 550%;
|
||||
color: aquamarine;
|
||||
margin-left: 25%;
|
||||
margin-left: 12.5%;
|
||||
text-align: left;
|
||||
text-shadow: -1px -1px 0 #0ac7a4, 1px -1px 0 #0ac7a4, -1px 1px 0 #0ac7a4, 1px 1px 0 #0ac7a4;
|
||||
}
|
||||
|
||||
#lonapc {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.nav {
|
||||
width: 95%;
|
||||
margin: auto;
|
||||
box-shadow: 0 0 12.5px 7.5px #49998a;
|
||||
border-radius: 25px;
|
||||
}
|
||||
|
||||
.what {
|
||||
border-radius: 25px;
|
||||
background-color: #a6ffef;
|
||||
@ -149,5 +188,7 @@ a {
|
||||
padding: 1px;
|
||||
text-align: center;
|
||||
color: white;
|
||||
margin-bottom: 10px;
|
||||
margin-top: auto;
|
||||
}
|
||||
}
|
Loading…
Reference in New Issue
Block a user