@use 'variables'  as *;
@use 'typography'  as *;
@use '../util/breakpoints'  as *;



body{
  background: linear-gradient(to left, var(--bg-core-primary-lighten), var(--bg-core-end));
  font-family: 'Open Sans', sans-serif;
  font-size: $base-font-size;
  //font-size: clamp($base-font-size * 0.9, $base-font-size * 0.9 + 0.1vw, $base-font-size);
  color: var(--text-core);
  
    @include breakpoint(sm){
      background: linear-gradient(to left, var(--bg-core-primary), var(--bg-core-end));
      } 
  }
 
    
//hr classes
hr {
  border-top: 1px solid var(--border-core);
  border-bottom: 0;
  border-color:var(--border-core);
  background-color:var(--border-core);
  color: var(--border-core);
}
 
//section
section,
.section{ 
margin-bottom: 1rem; 
}      
      
      
.disabled {
  opacity: .4;
  pointer-events: none;
}


