body {
    background: #e5e5e5;
    padding: 0px;
}

header {
    margin-top:6em;
    padding-top:8px;
    width: 100%;
    background: #e5e5e5;
}

#logo {
    display: block;
    margin: auto;
    max-width: 40%;
    min-width: 300px;
}


.container{
    display: grid;
    grid-template-columns: 50% 50%;
}

.box{
    background: #eeeeee;
    text-align: center;
    color: #23374d;
    -webkit-box-shadow: 0 0 9px .5px #eeeeee;
    box-shadow: 0 0 9px .5px #eeeeee;
    padding: 1em;
}



.titulo{


}



#menu {
    text-align: center;    
    padding: 2px 3px;
    margin: 4em 0px;
    background: #1089ff;
    -webkit-box-shadow: 0 0 9px .5px #23374d;
    box-shadow: 0 0 9px .5px #23374d;
}

    #menu li {
        list-style: none;
        display: inline-block;
        text-shadow: 0 0 1px #000000;
        padding: 0 7px;
    }
        #menu a {
            color: #23374d;
            font: bold 25px Ginebra;
            text-decoration: none;          
        }
            #menu a:hover {
                padding: 0 3px;
                background: #e5e5e5;
                -webkit-box-shadow: 0 0 4px 2px #FFFFFF;
                box-shadow: 0 0 4px 2px #FFFFFF;
                font-size: 3ex;
                transition: 1s;
            }


@font-face {
    font-family: "tomoon";
    src: url(fuente/TalkingToTheMoon.ttf);
}

#frase{
    font-family: tomoon;
    text-align:center;
}
    #frase h1 {
        font-size: 370%;
        color: #454545;
        text-shadow: 0 0 1px #000000;
    }