@tailwind base;
@tailwind components;
@tailwind utilities;
@import './components/UI/H3/H3.scss';
@import './components/UI/Menu/menu.scss';
@import './components/UI/Button/styles.scss';
@import './components/UI/Box/styles.scss';
@import './components/UI/Switch/styles.scss';



:root {
    --primColor: #dcdcdc;
    --secoColor: #555555;
    --cornerRad: 4px;
  }

  body {
    background-color: var(--primColor);
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
  }

  .header{
    margin-top: 10px;
  }


  .taskBox{
    display: flex;
    margin: 7px;
    width: 350px;
  }

  .taskTitle{
    padding: 4px;
    width: 70%;
    float: left;
    clear: right;
  }

  .boxButton{
    display: grid;
    margin: 10px;
    padding: 10px;
    flex: 1 1 auto;
  }

  .border{
    border: thick double #32a1ce;
  }