@import url('https://fonts.googleapis.com/css2?family=Epilogue:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css');


body, html {
  font-family: "Epilogue", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
  background-color: #F4F8FF;
}

.logo-container img {
 				max-width: 165px; 
}

a[role="button"] {
  border-radius: 20px !important;
  padding-left: 30px !important;
	  padding-right: 30px !important;
}

.container {
  background-color: white;
  padding: 2rem;
  border-radius: 10px;
}

.page-status.status-none h2 {
 margin-bottom: 0; 
}

.layout-content.status.status-index .page-status {
  margin-bottom: 40px
}

.layout-content.status.status-index .components-section .components-uptime-link {
  margin-bottom: 10px
}

.page-status.status-none h2::before {
  font-family: "Font Awesome 6 Free";
  content: "\f058"; /* Unicode per fa-check-circle */
  font-weight: 900; /* necessario per solid */
  color: #FFF; /* verde successo */
  margin-right: 8px;
}

.shared-partial.uptime-90-days-wrapper svg {
  height: 20px
}