67 lines
1.4 KiB
CSS
67 lines
1.4 KiB
CSS
@font-face {
|
|
font-family: "Roboto";
|
|
src: url("../fonts/Roboto-Light.woff2") format("woff2"),
|
|
url("../fonts/Roboto-Light.woff") format("woff"),
|
|
url("../fonts/Roboto-Light.ttf") format("truetype");
|
|
font-weight: 300;
|
|
font-style: normal;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: "Roboto";
|
|
src: url("../fonts/Roboto-Regular.woff2") format("woff2"),
|
|
url("../fonts/Roboto-Regular.woff") format("woff"),
|
|
url("../fonts/Roboto-Regular.ttf") format("truetype");
|
|
font-weight: 400;
|
|
font-style: normal;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: "Roboto";
|
|
src: url("../fonts/Roboto-Medium.woff2") format("woff2"),
|
|
url("../fonts/Roboto-Medium.woff") format("woff"),
|
|
url("../fonts/Roboto-Medium.ttf") format("truetype");
|
|
font-weight: 500;
|
|
font-style: normal;
|
|
}
|
|
|
|
body {
|
|
font-family: "Roboto", sans-serif;
|
|
}
|
|
|
|
|
|
.scroll-container {
|
|
scroll-padding: 50px 0 0 50px;
|
|
}
|
|
|
|
::-webkit-scrollbar {
|
|
width: 7px;
|
|
}
|
|
|
|
/* this targets the default scrollbar (compulsory) */
|
|
|
|
::-webkit-scrollbar-track {
|
|
background-color: #E3F2FD;
|
|
}
|
|
|
|
/* the new scrollbar will have a flat appearance with the set background color */
|
|
|
|
::-webkit-scrollbar-thumb {
|
|
background-color: #2196F3;
|
|
;
|
|
}
|
|
|
|
/* this will style the thumb, ignoring the track */
|
|
|
|
::-webkit-scrollbar-button {
|
|
background-color: #E3F2FD;
|
|
;
|
|
}
|
|
|
|
/* optionally, you can style the top and the bottom buttons (left and right for horizontal bars) */
|
|
|
|
::-webkit-scrollbar-corner {
|
|
background-color: black;
|
|
}
|
|
|