@font-face {
  font-family: BrieMedium          ;
  src        : url(brie-medium.ttf); /* https://br.maisfontes.com/brie-medium.fonte */
}

body {
	background-color: #D9E6F7   ; /* Orkut background color */
	font-family     : sans-serif;
}

/* TOP HORIZONTAL MENU */
body header#top_horizontal_menu {
  display         : flex                                               ; /* Arrange children in a row */
  justify-content : space-between                                      ; /* Push left and right elements to edges */
  align-items     : center                                             ; /* Vertically align */
  padding         : 0 1em                                              ;
  background-image: linear-gradient(#6089C7, #749BCE, #749BCE, #6089C7); /* Orkut top bar color */
}

body header#top_horizontal_menu div#top_horizontal_menu_right {
	padding         : 0.0em 0.0em 0.0em 0.0em              ;
	margin          : 0.0em 1.0em 0.0em 0.0em              ;
	font-size       : 90%;
}

body header#top_horizontal_menu div#top_horizontal_menu_right a {
  color          : white;
  text-decoration: none;
  margin          : 0.0em 0.00em 0.0em 0.5em              ;
}

body header#top_horizontal_menu div#top_horizontal_menu_right span#address {
  color          : #1A4672;
  font-weight    : bold;
  margin          : 0.0em 0.5em 0.0em 0.5em              ;
}

body header#top_horizontal_menu div#top_horizontal_menu_right a:hover {
  text-decoration: underline;
}

body header#top_horizontal_menu div#logo {
  background-image: linear-gradient(white, white, #E0DDE2);
	display         : inline-flex                           ;
	padding         : 0.1em 0.1em 0.10em 0.1em              ;
	margin          : 0.0em 0.0em 0.03em 1.0em              ;
	gap             : 0.5em                                ;
}

body header#top_horizontal_menu div#logo h1#name {
  font-family     : BrieMedium                            ;
	color           : #9F0A66                               ; /* Orkut logo color */
	height          : 1em                                   ;
	text-transform  : lowercase                             ;
	padding         : 0.0em 0.0em 0.00em 0.4em              ;
	margin          : 0.0em 0.0em 0.00em 0.0em              ;
}

body header#top_horizontal_menu div#logo span#beta {
  color         : #A5A6A1                 ;
  display       : inline-block            ;
  transform     : rotate(-90deg)          ;
  text-transform: uppercase               ;
  font-size     : 0.7em                   ;
  font-family   : BrieMedium              ;
  padding       : 0.0em  0.0em 0.00em 0.0em;
	margin        : 0.0em -0.7em 0.00em 0.0em;
	height: auto;
}

/* POSTS */
body div.post {
	display         : flex           ;
	background-color: white          ;
	padding         : 1em            ;
	margin		      : 1em            ;
	border          : 1px solid black;
	border-style    : outset         ;
	border-radius	  : 10px           ;
}

body div.post div.post-media p.slider {
	background-color: #DEEEFE      ; /* Orkut dark stripe color */
	display         : flex         ;
	width           : 100%         ;
	justify-content : space-between; /* extremes */
}

body div.post div.post-media p.slider > span:only-child {
	margin          : 0 auto;
	text-align      : center;
}

body div.post div.post-media p.slider button {
	color           : #9F0A66; /* Orkut logo color */
	cursor          : pointer;
}

body div.post div.post-media {
    display: flex;
    flex-direction: column;
    align-items: center; /* center slider and image */
}

body div.post div.post-media div.post-media-img {
	width           : 248px ;
	height          : 330px ;
	display         : flex  ;
	align-items     : center;
	justify-content : center;
	overflow        : hidden;
}

body div.post div.post-media div.post-media-img img {
	max-width           : 248px  ;
	max-height          : 330px  ;
	width               : auto   ;
	height              : auto   ;
	object-fit          : contain;
	display             : block  ;
}

body div.post div.post-text {
	background-color: #EEF9FF  ; /* Orkut light stripe color */
	margin-left     : 1em      ;
	width           : 100%     ;
}

body div.post div.post-text p.date {
	background-color: #DEEEFE  ; /* Orkut dark stripe color */
	font-family     : monospace;
	width           : 100%     ;
}