﻿/*
img{
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}
*/
.verb-img
{
width:100%;	
   /* padding-top: 4%;
    padding-bottom: 3%;
	*/
}
.center {
  margin: auto;
  width: 50%;
  border: 3px solid green;
  padding: 10px;
}
body {
  font-family: "Lato", sans-serif;
}

/* Fixed sidenav, full height */
.sidenav {
  color:#DC143C;
  
 font-size: 15px;
  z-index: 1;
  top: 0;
  left: 0;
  
  overflow-x: hidden;
  padding-top: 20px;
}
/*
.sidenav {
  height: 100%;
  width: 200px;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: #111;
  overflow-x: hidden;
  padding-top: 20px;
}
*/
/* Style the sidenav links and the dropdown button */
.sidenav a, .dropdown-btn {
  padding: 6px 8px 6px 16px;
  text-decoration: none;
  font-size: 15px;
  color: #DC143C;
  display: block;
  border: none;
  background: none;
  width: 100%;
  text-align: left;
  cursor: pointer;
  outline: none;
}

/* On mouse-over */
.sidenav a:hover, .dropdown-btn:hover, .dropdown-btn:active {
 color:#FFFACD;
background-color:#DC143C;
text-decoration:none;
font-weight:bold;
}

/* Main content */
.main {
  margin-left: 200px; /* Same as the width of the sidenav */
  font-size: 20px; /* Increased text to enable scrolling */
  padding: 0px 10px;
}

/* Add an active class to the active dropdown button */

.active {
  color:#FFFACD;
background-color:#DC143C;
font-weight:bold;
width:100%;
}

/* Dropdown container (hidden by default). Optional: add a lighter background color and some left padding to change the design of the dropdown content */
.dropdown-container {
  display: none;
  background-color:#FFFACD;
  padding-left: 0px;
  width:100%;
  color:#DC143C;
}

/* Optional: Style the caret down icon */
.fa-caret-down {
  float: right;
  padding-right: 8px;
}

/* Some media queries for responsiveness */
@media screen and (max-height: 450px) {
  .sidenav {margin-top: 15px;}
  .sidenav a {font-size: 15px;}
}
.dropdown-container a
{
color:#DC143C;	
width:100%;

}
.dropdown-container a:hover
{
color:#FFFACD;
background-color:#DC143C;
font-weight:bold;
border-radius:10px;
width:100%;

}
.translate
{
width:7%;
height:5%	
}
.gg-arrow-up-o {
    box-sizing: border-box;
    position: relative;
    display: block;
    width: 22px;
    height: 22px;
    border: 2px solid;
    transform: scale(var(--ggs,1));
    border-radius: 20px
}
.marqueelist
{
color: #DC143C;	
}
.marq
{
      margin-left: 10%;
    width: 54% !important;
    margin-top: 20px;	
}