initial file structure & basic html/css

[jkinsey.net.git] / res / style.css

@import url('https://fonts.googleapis.com/css?family=Cutive+Mono|Source+Code+Pro:300');

body {
    background-color:grey;
    width:100%;
    height:100%;
    overflow-x:hidden;
    font-family:'Cutive Mono';
    color:#FFF1FF;
}

menu {
    position:absolute;
    width:400px;
    height:400px;
    left:calc(50% - 200px);
    top:calc(50% - 200px);
    font-smooth:never;
    -webkit-font-smoothing:none;
    background-color:black;
}

menu nav {
    display:flex;
    flex-direction:column;
}

menu div {
    display:block;
    width:300px;
    height:300px;
    margin-left:50px;
    margin-right:50px;
    background-color:lightgrey;
}

menu div img {
    width:256px;
    height:256px;
    margin:22px;
}

menu nav ul {
    display:flex;
    flex-direction:row;
    width:350px;
    margin-left:25px;
    margin-right:25px;
    height:100px;
}

menu nav ul li {
    display:inline-block;
    text-align:center;
    width:25%;
    height:100px;
    font-size:1.25em;
    line-height:100px;
}