/* 
  monsterrat import google
*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700&display=swap');
/* import normalize cdn */
@import url('https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css');
body{
  font-size: 16px;
  font-family: 'Montserrat', sans-serif;
  box-sizing: border-box;
}
.site-inner{
  padding: 2rem;
}
h1, h2, h3, h4, h5, h6{
  font-family: 'Playfair Display', serif;
}
.crs_preview_toggle_button_container{
  position: fixed; 
  bottom: 10px; 
  right: 10px; 
  z-index: 1000;
}
.crs_preview_toggle_button_container button{
  border: none;
  color: #fff;
  font-size: .85rem;
  border-radius: 50px;
  display:flex;
  align-items: center;
}
.crs_preview_toggle_button_container button i{
  font-size: 1.25rem;
  margin-right: 10px;
}
.crs_preview_toggle_button_container button.view-in-live{
  background: green;
}
.crs_preview_toggle_button_container button.view-in-live:hover{
  background: darkgreen;
  color: #fff;
}
.crs_preview_toggle_button_container button.view-in-preview{
  background: red;
}
.crs_preview_toggle_button_container button.view-in-preview:hover{
  background: #970000;
  color: #fff;
}
.reviewer-tools-button{
  position: fixed; 
  bottom: 10px; 
  left: 10px; 
  z-index: 1000;
}
#crs_reviewer_tools_pane button,
.crs_preview_toggle_button_container button,
.reviewer-tools-button button{
  padding: 10px 20px;
  cursor: pointer;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 2px
}
#crs_reviewer_tools_pane h2{
  font-weight: normal;
  font-size: 3rem;
}
#crs_reviewer_tools_pane > div{
  padding: 20px;
}
#crs_reviewer_tools_pane{
  position: fixed; 
  top: 32px; 
  right: -700px; 
  width: 700px; 
  height: 100%; 
  background: #1a1a1a; 
  z-index: 9999999999; 
  overflow-y: auto; 
  transition: right 0.3s; 
  color: #fff;
}
.toggle-styles{
  position: fixed;
  bottom: 10px;
  left: 50%;
  transform: translate(-50%, 0);
  z-index: 9999999999;
}
.toggle-styles .disable-styles{
  background: #fff;
  padding: 10px 20px;
  font-size: .85rem;
}
.close-reviewer-tools{
  position: absolute;
  top: 20px;
  right: 20px;
  font-size: 2rem;
  color: #fff;
}
.close-reviewer-tools:hover{
  color: #f00;
}