⋆⁺₊⋆ ☾⋆⁺₊⋆ kelli's site ⋆⁺₊⋆ ☾⋆⁺₊⋆

/* ===== Scrollbar CSS ===== */
  /* Firefox */
  * {
    scrollbar-width: thin;
    scrollbar-color: #d4eff6 #ffffc7;
  }

  /* Chrome, Edge, and Safari */
  *::-webkit-scrollbar {
    width: 5px;
  }

  *::-webkit-scrollbar-track {
    background: #transparent;
  }

  *::-webkit-scrollbar-thumb {
    background-color: #transparent;
    border-radius: 10px;
    border: 0px none #edced4;
  }
  
  @font-face {
  font-family: SHIRENS;
  src: url(/fonts/SHIRENS.ttf);
}



body {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color:#edced4;
letter-spacing:1px;
}

      html {
        margin: 0;
        padding: 0;
        height: 100%;
        background: url('https://i.postimg.cc/Pxq5kS0B/dark-dot.png') #000000;
        background-repeat: repeat;
        background-color: 000000;
      }

img {
	max-width: 100%;
}



banner {
  border-radius: 40px 40px 0px 0px; /* Top-left, Top-right, Bottom-right, Bottom-left */
  border-top: 0px solid #f06495;
box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
}


** LAYOUT **

body {
background:#eee url();

}


#layout {
    margin: 10px auto;
    width: 950px;
}

    
    
#navigationbar {
    width: 950px;
    float: left;
    margin: 0 auto;
}

#navigation {
  height: 20px;
  line-height:20px;
  background: transparent;
  border-radius: 10px;
  border: 0px solid #ebb81f;
  margin: 5px;
}

    
    
    .text 
    {font:italic 30px monospace;border-bottom:4px solid #fff;text-align:center;color:#C1C1E3;
      letter-spacing:4px;}
    
    
    
#content {
    width: 550px;
    float: left;
    margin: 0 auto;
}

#contentbox {
    background: url('https://img.freepik.com/free-vector/dark-grunge-watercolor-texture_1100-95.jpg') #000000;
    border-radius: 10px;
    border: 0px solid #ebebeb;
    margin: 5px;
    padding:5px;
    margin-bottom:10px;
}

    
    
#left {
    width: 200px;
    float: left;
    margin: 0 auto;
}

#leftbox {
    border-radius: 10px;
    padding:5px;
    background: url('https://img.freepik.com/free-vector/dark-grunge-watercolor-texture_1100-95.jpg') #000000;
    border-radius: 10px;
    border: 0px solid #1fb8eb;
    margin: 5px;
    margin-bottom:10px;
}

    
    
#right {
    width: 200px;
    float: right;
    margin: 0 auto;
}

#rightbox {
    padding:5px;
    border-radius: 10px;
    background: url('https://img.freepik.com/free-vector/dark-grunge-watercolor-texture_1100-95.jpg') #000000;
    border-radius: 10px;
    border: 0px solid #b81feb;
    margin: 5px;
    margin-bottom:10px;
}

    
    
#footer {
    width: 800px;
    float: left;
    margin: 0 auto;
    clear: both;
    color: #edced4; 

}

#footerbox {
    height: 20px;
    background: transparent;
    border-radius: 0px;
    border-top: 0px solid #1feb52;
    margin: 5px;
    padding-top:5px;
    text-align:center;
}



a:link {
  color:#ffffff;
  text-decoration:none;
  }
a:visited {
  color:#ffffff;
    text-decoration:none;

  }
a:hover {
  color:#ec9abe;
    text-decoration:none;

  }
    
    
    
::-webkit-scrollbar-thumb {
background-color: #edced4;  
border-radius: 0px;
border:1px solid #edced4;
}
::-webkit-scrollbar {
width: 7px; height: 4px; 
background: #edced4;
}

    
    
    .small-title {color:#000;font:16px arial;font-weight:bold;line-height:12px;background:#edced4;border-radius: 10px;margin-bottom:10px;			padding:5px;}
    .big-title {color:#000;font:16px arial;font-weight:bold;line-height:16px;background:#edced4;border-radius: 10px;margin-bottom:10px;			padding:5px;}
    
    
    
 #Table {
			border-collapse:collapse;
			padding:5px;width:500px;
		}
    
		#Table th {
		  padding:0px;
		  background: #EFF4FF;
	      color: #666;border-top-left-radius:10px;border-top-right-radius:10px;
          width:50%;
          text-align:left;
          font:12px arial;
          line-height:12px;
    
          letter-spacing:2px;
		}
    
		#Table td {
			text-align:center;
			padding:5px;
			background: #ffffff;
			color: #313030;
            width:50%;
            text-align:left;}
    
    

    
  textarea {font-size:10px;letter-spacing:1px;color:#999;}