font update and some fixes
This commit is contained in:
parent
eb939a7874
commit
54a057648a
BIN
fonts/MyriadPro-Light.ttf
Normal file
BIN
fonts/MyriadPro-Light.ttf
Normal file
Binary file not shown.
BIN
fonts/MyriadPro-Light.woff
Normal file
BIN
fonts/MyriadPro-Light.woff
Normal file
Binary file not shown.
BIN
fonts/MyriadPro-Regular.woff
Normal file
BIN
fonts/MyriadPro-Regular.woff
Normal file
Binary file not shown.
37
style.css
37
style.css
@ -3,6 +3,7 @@
|
||||
margin: 0;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
*,
|
||||
*:before,
|
||||
*:after {
|
||||
@ -82,8 +83,7 @@ h4,
|
||||
h5,
|
||||
h6 {
|
||||
font-size: 18px;
|
||||
font-weight: 400;
|
||||
font-family: Roboto, sans-serif;
|
||||
font-family: Myriad-L, sans-serif;
|
||||
color: #fff;
|
||||
line-height: 1.2;
|
||||
}
|
||||
@ -92,7 +92,16 @@ a {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');
|
||||
@font-face {
|
||||
font-family: Myriad-L;
|
||||
src: url(fonts/MyriadPro-Light.ttf);
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: Myriad-R;
|
||||
src: url(fonts/MyriadPro-Regular.woff);
|
||||
}
|
||||
|
||||
|
||||
/* ------------------------------------------------------------------ */
|
||||
|
||||
@ -100,6 +109,7 @@ h1 {
|
||||
color: #fff;
|
||||
margin: 0 auto;
|
||||
margin-bottom: 10px;
|
||||
letter-spacing: 0.75px;
|
||||
}
|
||||
|
||||
h6 {
|
||||
@ -108,6 +118,10 @@ h6 {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
h3 {
|
||||
letter-spacing: 0.5px;
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-weight: 300;
|
||||
}
|
||||
@ -192,6 +206,7 @@ body {
|
||||
.text {
|
||||
margin: auto 0;
|
||||
white-space: pre;
|
||||
letter-spacing: 0.75px;
|
||||
}
|
||||
|
||||
.input {
|
||||
@ -206,7 +221,7 @@ input[type=value] {
|
||||
border: 3px solid rgba(255, 255, 255, 0.2);
|
||||
border-radius: 8px;
|
||||
font-size: 18px;
|
||||
font-family: Roboto;
|
||||
font-family: Myriad-R;
|
||||
color: #fff;
|
||||
margin: 5px auto;
|
||||
padding: 0px 0px 0px 10px;
|
||||
@ -232,7 +247,7 @@ input[type=button] {
|
||||
border-radius: 22px;
|
||||
cursor: pointer;
|
||||
font-size: 18px;
|
||||
font-family: Roboto;
|
||||
font-family: Myriad-R;
|
||||
}
|
||||
|
||||
input[type=result] {
|
||||
@ -243,7 +258,7 @@ input[type=result] {
|
||||
color: white;
|
||||
border-radius: 8px;
|
||||
font-size: 18px;
|
||||
font-family: Roboto;
|
||||
font-family: Myriad-R;
|
||||
cursor: default;
|
||||
padding: 0px 0px 0px 10px;
|
||||
}
|
||||
@ -256,7 +271,7 @@ input[type=result] {
|
||||
::placeholder {
|
||||
color: rgba(255, 255, 255, 0.35);
|
||||
font-size: 18px;
|
||||
font-family: Roboto;
|
||||
font-family: Myriad-R;
|
||||
}
|
||||
|
||||
.addSet,
|
||||
@ -266,6 +281,7 @@ input[type=result] {
|
||||
|
||||
.buttons {
|
||||
margin: 0 auto;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.button {
|
||||
@ -316,4 +332,11 @@ input[type=result] {
|
||||
width: 85%;
|
||||
margin: 20px auto;
|
||||
}
|
||||
.buttons {
|
||||
flex-direction: column;
|
||||
margin-top: 15px;
|
||||
}
|
||||
.button {
|
||||
margin: 10px auto;
|
||||
}
|
||||
}
|
Loading…
Reference in New Issue
Block a user