/* 

===========================================
 _____ _____ _____ _____ _____ _____ _____ 
| __  |     | __  |   __| __  |_   _|     |
|    -|  |  | __ -|   __|    -| | | |  |  |
|__|__|_____|_____|_____|__|__| |_| |_____|
                                           
===========================================

*/


/* - - S T Y L E - -  */

body {
      background-color: #111111;
    }

/* inconsolata-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inconsolata';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/inconsolata-v37-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

    h1  {text-align:center;font-family:Inconsolata, sans-serif;color:#ffffff; background-color:#111111;}
    h2  {font-family:Inconsolata, sans-serif; color:#ffffff; background-color:#111111;}
    h3  {font-family:Inconsolata, sans-serif; color:#ffffff; background-color:#111111;}
    h4  {font-family:Inconsolata, sans-serif; color:#ffffff; background-color:#111111;}
    h5  {font-family:Inconsolata, sans-serif; color:#ffffff; background-color:#111111;}
    h6  {font-family:Inconsolata, sans-serif; color:#ffffff; background-color:#111111;}
	th  {font-family:Inconsolata, sans-serif; font-size:12px; font-style:normal; font-weight:normal; color:#ffffff;}
	td  {font-family:Inconsolata, sans-serif; font-size:12px; font-style:normal; font-weight:normal; color:#ffffff;}
    li  {font-family:Inconsolata, sans-serif; font-size:12px; font-style:normal; font-weight:normal; color:#ffffff;}
    ul  {font-family:Inconsolata, sans-serif; font-size:12px; font-style:normal; font-weight:normal; color:#ffffff;}
    p   {font-family:Inconsolata, sans-serif; font-size:12px; font-style:normal; font-weight:normal; color:#ffffff; line-height:18px; margin-bottom:08px;}
    p2  {font-family:Inconsolata, sans-serif; font-size:14px; font-style:normal; font-weight:normal; color:#ffffff;}
    p3  {font-family:Inconsolata, sans-serif; font-size:14px; font-style:normal; font-weight:normal; color:#ffffff; word-spacing:1rem; }



/* - - H E A D E R - -  */

.header   {font-family:Inconsolata, sans-serif; font-size:14px; font-style:normal; font-weight:bold; color:#ffffff; word-spacing:1rem; text-align:right;}


/* - - C O N T E N T - -  */

div {
  width:900px; margin:0 auto;
  padding-top: 20px;
  padding-right: 14px;
  padding-bottom: 20px;
  padding-left: 14px;
  background-color: #111111;
}


/* - - P O R T F O L I O    C O L U M N S - -  */

.column1of2 {float: left; width: 200px; margin: 0px;}
.column2of2 {float: left; width: 600px; margin: 0px;}



/* - - T A B L E    C O L U M N S - -  */

table, th, td {border: none;}
table {border-collapse: collapse;}
table {width: 600px;}
td {padding: 4px;}


/* - - L I S T S - -  */

li {list-style-type:none; line-height:20px;margin-top:06px; margin-bottom:08px;}



/* - - L I N K S - -  */

a, a:hover, a:active, a:visited {
    text-decoration: none;
    color: white; /* or #ffffff */
}

a:hover {
  /* horizontal-offset vertical-offset blur-radius color */
  text-shadow: 0 0 5px rgba(255, 255, 255, 0.8);
  color: #fff; /* Optional: lighten the text color for better contrast */
}



/* - - H O M E - -  */

.container {
  height: 100vh; /* Full viewport height */
  display: flex;
  justify-content: center; /* Horizontal center */
  align-items: center;     /* Vertical center */
  background-color: transparent;
}



/* - - S P A N - -  */

span {
  display: inline-block; /* Required to set width/height */
  padding: 04px;
}



/* - - G A L L E R Y - -  */

div.gallery {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}

div.gallery-item {
  margin: 2px;
  border: 1px solid #282828;
  width: 190px;
}

div.gallery-item:hover {
  border: 1px solid #ccc;
}

div.gallery-item img {
  width: 100%;
  height: auto;
}



/* - - M O U S E    S E L E C T I O N - -  */

/* Standard syntax */
::selection {
  background-color: #ffffff; /* Highlight background color */
  color: #111111;            /* Text color */
}

/* Firefox compatibility */
::-moz-selection {
  background-color: #ffffff;
  color: #111111;
}



/* - - S C R O L L     B A R - -  */

::-webkit-scrollbar {
	width: 6px;
}
::-webkit-scrollbar-track {
	background: #111111;
}

::-webkit-scrollbar-thumb {
	background: #111111;
}

::-webkit-scrollbar-thumb:hover {
	background: #111111
}



/* - - E N D - -  */


/*

===============================================================================================
  __            _                                                _                           _ 
 / _|          | |                                              | |                         | |
| |_ _   _  ___| | __  _   _  ___  _   _  __      _____  _ __ __| |_ __  _ __ ___  ___ ___  | |
|  _| | | |/ __| |/ / | | | |/ _ \| | | | \ \ /\ / / _ \| '__/ _` | '_ \| '__/ _ \/ __/ __| | |
| | | |_| | (__|   <  | |_| | (_) | |_| |  \ V  V / (_) | | | (_| | |_) | | |  __/\__ \__ \ |_|
|_|  \__,_|\___|_|\_\  \__, |\___/ \__,_|   \_/\_/ \___/|_|  \__,_| .__/|_|  \___||___/___/ (_)
                        __/ |                                     | |                          
                       |___/                                      |_|                          

===============================================================================================

*/