@import url('https://fonts.googleapis.com/css2?family=Montserrat&family=Nunito+Sans:opsz@6..12&display=swap');
* {
margin: 0;
padding: 0;
box-sizing: border-box;
outline: none;
text-decoration: none;
color: var(--text-color);
font-family: 'Nunito Sans', sans-serif;
user-select: none;
}
:root{
/* --primary-color: #3498db; */
--primary-color: #1e90ff;
--secondary-color: #f5f5f5;
--white:#fefefe;
--dark:#303030;
--text-color:#4a4a4a;
--border:#eee;
--border-focus:#bbb;
}
*::selection {
background-color: var(--primary-color);
color: var(--white);
}
*::-webkit-scrollbar {
height: .5rem;
width: 4px;
}
*::-webkit-scrollbar-track {
/* background-color: var(--secondary-color); */
background-color: transparent;
}
*::-webkit-scrollbar-thumb {
background-color: var(--primary-color);
border-radius: 0;
}
html {
/* font-size: 62.5%; */
overflow-x: hidden;
scroll-behavior: smooth;
scroll-padding-top: 10rem;
}
Preview:
downloadDownload PNG
downloadDownload JPEG
downloadDownload SVG
Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!
Click to optimize width for Twitter