@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Baloo+Thambi+2&display=swap');
/*
Theme Name: DoshCook In-App Theme
Author: Reo
Version: 1.0
*/

/*
* Common
*/
:root {
    --main-text: #3c444d;
    --main-background: #fdfdfd;
    --card-background: #fff;
    --quote-background: #e8ecef;
    --search-background: #bdc4c7;
    --search-text: #fdfdfd;
}
@media (prefers-color-scheme: dark) {
    :root {
        --main-text: #fdfdfd;
        --main-background: #3c444d;
        --card-background: #333333;
        --quote-background: #3c3c3c;
        --search-background: #3c3c3c;
        --search-text: #fdfdfd;
    }
}

/* :root {
  --main-text: #3c444d;
  --main-background: #F2EAD4;
} */

html {
    font-size: 62.5%;
    margin: 0;
}

body {
    width: 100%;
    margin: 0 auto;
    font-size: 1.4rem;
    color: var(--main-text);
    font-family: sans-serif;
    background-color: var(--main-background);
    letter-spacing: 0.2px;
    line-height: 2em;
    transition: .5s;
}

h1 {
  font-size: 2.4rem;
  margin: 1em 0;
}

h2 {
	margin: 2em 0 1em;
}

p {
    font-size: 1.6rem;
}

li {
    font-size: 1.6rem;
}

a {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all  0.3s ease;
	color: var(--main-text);
}

hr {
  height: 0;
  margin: 0;
  padding: 0;
  border: 0;
  overflow: visible;
}

a:hover, a:focus {
    color: #59b9c6;
}

@media only screen and (min-width:768px) {
    p {
        font-size: 1.6rem;
    }
}