/* This file is for inserting custom CSS */
/* Since this a mobile first design, mobile styles go here in the open.   */

 #dodecahedron-container {
            width: 45px;
            height: 45px;
            margin: 1rem .25rem 0 .25rem;
            padding: 0;            /* border: 1px solid #ccc;  Optional: to see the container bounds */
            /*border-radius: 8px;*/
        }
#ian_footer{
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
}





/* Desktop styles should be inserted into the media queries below*/

@media only screen and (min-width: 35em) {/* 560 pixels and UP */
/* this is where desktop styles start. It only goes up from here. */
}/* end 35em media query */

@media only screen and (min-width: 41.25em){/* 660 pixels and up */
    /* styles go here */
}/* end 41.25 em media query */

@media only screen and (min-width: 49.5em) {/* 792 pixel width */
    /* styles go here */
}/* end 49.5 em media query */

@media only screen and (min-width: 59.375em) {/* 950 pixels width */
    /* styles go here */
}/* end 59.375 em media query*/

@media only screen and (min-width: 68.1875em) {
    /* styles go here */
}/* end 68.1875 px media query */

@media only screen and (min-width: 92.625em) {/* 1482 pixels width */
    /* styles go here */
}/* end 92.625 em media query */