/* CSS Document */

html {
    scroll-behavior: smooth;
}

body {
    line-height:1.5; 
    margin:auto;
    background-color:#000000;
    background-image:url("../images/background.jpg");
    background-position: top center;
    background-repeat:no-repeat;
    background-attachment:fixed;
    background-size:cover;
    color:#ffffff;
    font-family: 'Noto Sans', sans-serif;
    font-family: 'Roboto Mono', monospace;
}

a,
a.link {
    color:#ffffff;
    text-decoration:underline dotted;
}

#portfolio {
}

#content_1 {
}

h1 {
    padding-top:50px;
}

#main {
    margin:auto;
    width:1024px;
    height:auto;
    min-height:1000px;
    padding-top:100px;
}

.content_head {
    width:auto;
    text-align:center;
}

.content_head img {
    width:60%;
}


#top_menu {
    width:1024px;
    font-family: 'Noto Sans', sans-serif;
    font-family: 'Roboto Mono', monospace;
    font-size: 0.8em;
    color:#ffffff;
    height:auto;
    position:fixed;
    left:50%;
    margin-left:-512px;
    border-bottom:1px solid #ffffff;
    background-color:#000000;
}

.menu-item,
.menu-item_2 {
    margin:1%;
    float:left;
    width:23%;
    text-align:center;
    font-size:1.5em;
}

.menu-item_2 {
    width:100%;
}

.menu-item a,
.menu-item a.link,
.menu-item_2 a,
.menu-item_2 a.link {
    color:#ffffff;
    text-decoration:none;
    line-height:1.2em;
    vertical-align:middle;
}

.clear {
    clear:left;
}

#logo {
    height:auto;
    width:100%;
    text-align:center;
}

.content_inner {
    width:100%
    line-height:2em;
    font-size:1em;
    height:auto;
    padding:1%;
    color:#ffffff;
    font-family: 'Noto Sans', sans-serif;
    font-family: 'Roboto Mono', monospace;
}

#bottom {
    width:100%:
    background-color:#ff00ff;
    font-family: 'Noto Sans', sans-serif;
    font-family: 'Roboto Mono', monospace;
    font-size: 0.8em;
    color:#ffffff;
    border-top:1px solid #ffffff;
}

#bottom_menu {
    text-align:center;
}

#img_cont {
    width:20%;
    float:left;
}

#text_cont {
    float:left;
    width:77%;
    margin-right:3%;
    text-align:justify;
}

.social_box {
    margin:1%;
    float:left;
    width:18%;
    text-align:center;
    vertical-align:middle;
}

.social_box2 {
    margin:1%;
    float:left;
    width:98%;
    text-align:center;
}

.social_box a,
.social_box a.link {
    color:#ffffff;
    text-decoration:underline dotted;
    line-height:1.2em;
    vertical-align:middle;
}

img.socialicon {
    height:1.4em;
    vertical-align:middle;
}