Taeluf.com

0-SiteLayout.css

html, body {
    height:100%;
    width:100%;
    padding:0;
    margin:0;
    background:#EEEEEE;
}

* { 
    box-sizing: border-box; 
}

div.PageWrap {
    width:100%;
    min-height:100%;
    background: #FFF;

    display:flex;
    flex-direction:column;  
    justify-content:center;
    align-items:center;
}

main, footer, header {
    padding:0;
    margin:0;
    width:100%;
    display:flex;
    flex-direction:column;
}


main {
    flex: 1;
}



.MainWrapper {
    display:flex;
    flex-direction:column;
    width:100%;
    max-width:100%;
    align-items:center;
    flex:1;
}

.MainContent {
    min-width:58%;
    max-width:1280px;
    width:100%;
    flex:1;
    padding:1rem;
}
.HeaderWrapper {
    display:flex;
    flex-direction:column;
    width:100%;
    max-width:100%;
    align-items:center;
}

.HeaderContent {
    min-width:58%;
    max-width:1280px;
    width:100%;
}
.FooterWrapper {
    display:flex;
    flex-direction:column;
    width:100%;
    max-width:100%;
    align-items:center;
}

.FooterContent {
    min-width:58%;
    max-width:1280px;
    width:100%;
}