<style>
@import url("https://fonts.googleapis.com/css2?family=Montserrat+Alternates:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100;0,300;1,100;1,300&display=swap");
body {
font-family: 'Montserrat Alternates', sans-serif;
font-weight:400;
font-size:14px;
background-color:white;
color:#0B1C26;
}
/*Defining text stylings*/
h1 {
margin-top: 50;
font-size: 1.4rem;
color:#0B1C26;
margin-bottom: 80;
font-weight:600;
}
h2 {
margin-top: 20px;
font-size: 1.3rem;
margin-bottom: 20px;
color:#0B1C26;
font-weight:600;
}
h3 {
margin-top: 15px;
font-size: 1rem;
margin-bottom: 15px;
color:#0B1C26;
font-weight:500;
}
a:link, a:active, a:visited {
margin-top:0.5px;
color:#5A78F9;
font-size:14px;
font-weight:500;
}
a:hover {
margin-top:0.5px;
color:#5A78F9;
font-size:14px;
font-weight:600;
}
</style>
Purpose-built for displays of data
Observable is your go-to platform for exploring data and creating expressive data visualizations. Use reactive JavaScript notebooks for prototyping and a collaborative canvas for visual data exploration and dashboard creation.
