/*Import 'Raleway' font (credit: Google Fonts)*/
@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

body {
    min-width: 320px; /*min screen size*/
}

:root {
    --:#f4a12b;
    --:#ffffff;
    --light-color:#181818;
    --box-shadow: 0 .5rem 1.5rem rgba(0,0,0,.1);
}

*{
    font-family: 'Raleway', sans-serif;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    text-decoration: none;
    outline: none;
    border: none;
    text-transform: none;
    transition: all .2s linear;
}

html {
    font-size: 62.5%;
    overflow-x: hidden;
    scroll-padding-top: 5.5rem;
}

/*KEYBOARD ACCESSIBILITY FOCUS FEATURES*/

/*For header links*/

a:focus,
i:focus {
    outline: auto .5rem; /* for non-webkit browsers */
    outline: auto .5rem black; /* for webkit browsers */
  }


/*For slideshow btns*/

.slide-btn:focus {
    outline: .5rem solid black;
}


/*For comic browsing*/

.introduction-bd .reading_before:focus {
    outline: .5rem solid black;
}