/* I Think i should just keep footer-double-link-header for now and rename it to mobile, but 
make sure you don't overwrite a good footer-double-link, this one seems good but not 100% sure */
@import url('mobile-footer-header.css');
@import url('utilities-index/colors-index.css');
@import url('utilities-index/borders-index.css');
@import url('utilities-index/effects-index.css');
@import url('responsive-index.css');
@import url('utilities-index/layout-index.css');
@import url('utilities-index/position-index.css');
@import url('utilities-index/spacing-index.css');
@import url('utilities-index/sizing-index.css');
/* @import url('utilities-index/text-index.css'); */
* {
    margin:0; 
    padding:0;
    box-sizing: border-box;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
}
.topic > .sub-topics-container,
.topic ul.sub-resources-container
{
    list-style: none;
}
.topics-container > .topic > ul.sub-resources-container > li{
    list-style: none;
}
.hide {
    /* display: none !important; */
    opacity: 0;
}
.show {display: inline-block;}

/* #aiYoutube:focus, */
#aiLogo {
    display: block;
    box-shadow: var(--x) 0 var(--xB) var(--yB) orangered !important;
    border: 1px solid red;
    background-color: rgb(255, 69, 0, .4);
    width: 10%;
    border: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: whitesmoke;
        text-shadow: -1px 1px 3px black;
        font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
        font-weight: 999;
        font-size: 150%;
}