*{
box-sizing:border-box;
}

.app{
max-width:600px;
margin:auto;
padding:40px 24px;
}

body{
margin:0;
font-family:system-ui;
color:#e8dc9a;

background-color:#0b0616;
}

/* NAVBAR */

.navbar{
margin-bottom:40px;
}

.logo{
font-family:"Climate Crisis", sans-serif;
font-size:56px;
letter-spacing:0.04em;
padding-left: 10px;
color:#f4e6a3;

text-shadow:
0 0 12px rgba(244,230,163,0.15),
0 0 30px rgba(244,230,163,0.05);
}

/* TOOL GRID */

.mainTool{
max-width:600px;
margin-top:40px;
}

.toolCard{
display:block;

background:#020617;
border:1px solid #1f1633;
border-radius:18px;

padding:32px;

text-decoration:none;
color:inherit;

transition:.2s;
}

.toolCard:hover{
transform:translateY(-3px);
box-shadow:0 12px 30px rgba(0,0,0,.4);
}

.toolCard h2{
margin:0;
font-size:26px;
}

.toolCard p{
opacity:.7;
margin-top:10px;
}

.cta{
display:inline-block;
margin-top:18px;
color:#f4e6a3;
}

.comingSoon{
margin-top:40px;
opacity:.5;
text-align: center;
width: 100%;
}