.title {
    color:black;
    margin:auto;
    text-align-last: center;
}
        html {background-image:url(Neocity/Assets/Images/Backgrounds/921560b70c10dc476b37b49886e3207c.jpg);
            background-size: 100%;
            background-repeat:no-repeat;}
          
        
/*------------------------------------------------------ */
/*Title*/
#container {
    margin-left:auto;
    margin-right:auto;
    position: relative;
    height:940px;
    width: 860px;
    border-style:inset;  
    border-radius:25px;
    background-image:url(Neocity/Assets/Images/Backgrounds/gridpaper.jpg);
}
#header {
    border-style:inset;
    border-color:cadetblue;
    border-radius:25px;
    padding: 20px;
    background-image: url(Neocity/Assets/Images/Backgrounds/dragonflies.jpg);
    width:650px;
    margin-left:auto;
    margin-right:auto;
    margin-top: 10px;
}
/*------------------------------------------------------ */
/*column one */
#colone {
    width:200px;
    height: 850px;
    border-width: 1px;
    border-color:cadetblue;
    border-style: solid;
    float: left;
    display: flex;
    flex: 33%;
    flex-direction: column;
}
/* Navigation Body */
#navigation {
    width: 150px;
    height: 800px;
    border-style:inset;
    border-color:indianred;
    border-radius:25px;
    margin-left:auto;
    margin-right:auto;
    margin: 15px;
    padding: 15px;
    background-image:url(Neocity/Assets/Images/Backgrounds/orangestars.jpg); 
}
#nav {
    height:40px;
    width:155px;
    border-style: inset;
    border-radius: 15px;
    border-color: #F4C430;
    background-color: maroon;
    display: flex;
    flex-direction: column;
    justify-content:center;
    align-items:center;
    margin: auto;
    margin-bottom: 5px;
}
/* Navigation Tabs*/
/* Me */
#me {
    height:300px;
    width:160px;
    flex-direction: column;
}
/*Header*/
#moi {
    height:30px;
    width:150px;
    border:dashed;
    border-color: maroon;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 5px;
}
/*content*/
#home {
    display: flex;
    justify-content: center;
    align-items:center;
    border-style:inset;
    float: left;
    width: 150px;
    height: 30px;
    border-radius:25px;
    background-color:maroon;
    border-spacing: 20px;
    text-align: center;
    font-family:fontFace;
}
#Art {
    display: flex;
    justify-content: center;
    align-items:center;
    border-style:inset;
    float: left;
    width: 150px;
    height: 30px;
    border-radius:25px;
    background-color:maroon;
}
#library {
    display: flex;
    justify-content: center;
    align-items:center;
    border-style:inset;
    float: left;
    width: 150px;
    height: 30px;
    border-radius:25px;
    background-color:maroon;
}
#music {
    display: flex;
    justify-content: center;
    align-items:center;
    border-style:inset;
    float: left;
    width: 150px;
    height: 30px;
    border-radius:25px;
    background-color:maroon;
    font-family:fontFace;
}
#animation {
    display: flex;
    justify-content: center;
    align-items:center;
    border-style:inset;
    float: left;
    width: 150px;
    height: 30px;
    border-radius:25px;
    background-color:maroon;
    
    
}
#blog {
    display: flex;
    justify-content: center;
    align-items:center;
    border-style:inset;
    float: left;
    width: 150px;
    height: 30px;
    border-radius:25px;
    background-color:maroon;
}
#cardd {
    display: flex;
    justify-content: center;
    align-items:center;
    border-style:inset;
    float: left;
    width: 150px;
    height: 30px;
    border-radius:25px;
    background-color:maroon;
    font-family: fontFace;
}
/*You*/
#you {
    height:120px;
    width:160px;
    flex-direction: column;
    margin-left: auto;
    margin-right:auto;
}
/*Header*/
#toi {
    height:30px;
    width:150px;
    border:dashed;
    border-color: maroon;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 5px;  
}
/*content*/
#resources {
    display: flex;
    justify-content: center;
    align-items:center;
    border-style:inset;
    float: left;
    width: 150px;
    height: 30px;
    border-radius:25px;
    background-color:maroon;
}
#downloads {
    display: flex;
    justify-content: center;
    align-items:center;
    border-style:inset;
    float: left;
    width: 150px;
    height: 30px;
    border-radius:25px;
    background-color:maroon;
}
/*Links*/
#links {
    height:150px;
    width:160px;
    flex-direction: column;
    margin-left: auto;
    margin-right:auto;
}
/*Header*/
#link {
    height:30px;
    width:150px;
    border:dashed;
    border-color: maroon;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin:auto;
    margin-bottom: 5px;
}
/*content*/
#linkout {
    display: flex;
    justify-content: center;
    align-items:center;
    border-style:inset;
    float: left;
    width: 150px;
    height: 30px;
    border-radius:25px;
    background-color:maroon;
}
#linkback {
    display: flex;
    justify-content: center;
    align-items:center;
    border-style:inset;
    float: left;
    width: 150px;
    height: 30px;
    border-radius:25px;
    background-color:maroon;
}
#guestbook {
    display: flex;
    justify-content: center;
    align-items:center;
    border-style:inset;
    float: left;
    width: 150px;
    height: 30px;
    border-radius:25px;
    background-color:maroon;
    font-family: fontFace;
}
/*------------------------------------------------------ */
/*coloumn two*/
#coltwo {
    width:500px;
    height: 850px;
    border-style:solid;
    border-color:cadetblue;
    border-width: 1px;
    display: flex;
    flex-direction: column;
    float:left;
}
#box {
    width: 450px;
    height:600px;
    flex-direction: column;
    display: flex;
    align-items:center;
    justify-content:center;
    border-style:inset;
    border-color:palevioletred;
    border-radius:25px;
    margin: auto;
    padding: 15px;
    background-image: url(Neocity/Assets/Images/Backgrounds/flowerquilt.jpg) 
}
/*About Me Section*/
#welcome {
    width:370px;
    height:80px;
    border-style: inset;
    border-radius: 25px;
    border-color:palevioletred;
    background: url(Neocity/Assets/Images/Backgrounds/blackwhitestars.jpg);
    display:flex;
    flex-direction: column;
    justify-content: center;
    align-items:center;
}
#main {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 375px;
    height:520px;
    border-style:inset;
    border-color:palevioletred;
    border-radius:25px;
    padding: 15px;
    background-image: url(Neocity/Assets/Images/Backgrounds/purplestars.jpg)
}
#textbox {
    width:300px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: 10px;
    margin-bottom: 40px;
}
#stampstwo {
    margin-left: auto;
    margin-right: auto;
    justify-content: center; 
    width:310px;
    align-self: center;
    display:block;
}
#cat {
    display: inline;
    position: absolute;
    top:3%;
    left: 92%
}
#musicplayer {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height:200px;
    width:470px;
    margin:auto;
}
/*------------------------------------------------------ */
/*coloumn three*/
#colthree {
    width:150px;
    height: 850px;
    border-width: 1px;
    border-color:cadetblue;
    border-style: solid;
    display: flex;
    flex: 33%;
    flex-direction: column;
    float: left;
}
/*profile image box*/
#profileimg {
    height:150px;
    width:150px;
    border-style: inset;
    flex-direction: column;
    background-image: url(Neocity/Assets/Images/Backgrounds/flowers.jpg);
}
/*profile image*/
#thirdimage {
    width: 100px;
    height: 100px;
    margin-left: auto;
    margin-right: auto;
    margin: 15px;
    padding: 15px;
    display:flex;
    justify-content: center;
    
}
/*Status Container Block*/
#stats {
    height:200px;
    width:150px;
    border-style: inset; 
}
#status {
    overflow:scroll;
    height:200px;
    background-image: url(Neocity/Assets/Images/Backgrounds/blueplaid.jpg);
}
#tempbox {
    height:220px;
    width:150px;
    padding: 1px;
    background-image: url(Neocity/Assets/Images/polaroid.jpg);
    background-size:contain;
    background-repeat: no-repeat;
    background-attachment:local;
    background-position: center;
    display: flex;
    justify-content: center;
    align-items:center;
}
#bottomwidgets {
    width:150px;
    height:50px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin: auto;
    background-image: url(Neocity/Assets/Images/Backgrounds/greenplaid.jpg);
}
#blinkies {
    width: 150px;
    height: 250px;
    display:flex;
    justify-content: center; 
    align-items: center;
    margin: auto;
    flex-direction: column;
    background-image: url(Neocity/Assets/Images/Backgrounds/yummytiles.jpg);
}
/*----------------------------------------------------------------*/
/*Other Stuff*/
  .dashed {
  border-top: 3px dashed #bbb;
}