Body {
  Color:Black;
  Background:#DDEEFF;
  /*Font-weight:Bold;*/
}

Table, Th, Tr, Td {
  /* Text-Align:Center; */
  /* Vertical-Align:Center; */
  Padding:0px;
  Border:0px solid Black; 
}

Img { 
  Border:0px solid Black; 
}

A { 
  Color:Black; 
  Text-Decoration:None; 
}

A:Hover { 
  Color:#AA00FF; 
}

H1{
  Font-Size:40px;
  Font-Style:Bold;
  Margin:5px;
  Padding:0px;
}

H2{
  Font-Size:22px;
  Font-Style:Bold;
  Margin:5px;
  Padding:0px;
}

.TabulkaMain{
  Background:#DDEEDD;
  Margin-Top:50px;
  Border:0px solid Black; 
  /* Border:1px solid Black; */ 
  /* Border-Radius:50px; */
}

.BarLogo{
  Width:1600px;
  Height:250px;
  Text-Align:Left;
  Color:White;
  Text-Shadow: 0px 0px 10px #EE00FF;
  Background-color:#DDEEDD;
  Background-image: URL("Images/BgMoon.png");
}

.BarLogoImage{
  Width:250px;
  Text-Align:Center;
}

.BarLogoMince{
  Text-Align:Center;
  Font-Size:24px;
}

.BarLogoMinceImg{
  Margin:20px;
}

.BarLogoVlajky{
  Width:150px;
  Text-Align:Center;
}

.BarMenu{
  Width:1600px;
  Height:40px;
  Text-Align:Center;
  Vertical-Align:Center;
  Background:#303040;
  Border: 0px solid Black;
}

Button:Hover{
  Background:Yellow;
  Color:Red;
}

.BarMenuTlacitko{
  Width:170px;
  Height:32px;
  Background:Navy;
  Color:White;
  Margin:2px;
}

.BarMenuTlacitkoAktivni{
  Width:170px;
  Height:32px;
  Background:Lime;
  Color:Black;
  Margin:2px;
}

.BarPage{
  Width:1600px;
  Height:800px;
  Text-Align:Center;
  Color:Black;
  Background:#FFFFEE;
  Text-Align:Center;
  Font-Size:32px;
}

.BarFoot{
  Width:1600px;
  Height:40px;
  Text-Align:Center;
  Color:Black;
  Background:#EEEEDD;
  Text-Align:Center;
}

.TlacitkaHome{
  Width:400px;
  Height:60px;
  Margin:10px;
  /*Background:Navy;*/
  /*Color:White;*/
  Font-Size:24px;
  Border:1px solid black;
}

.TlacitkaLogin{
  Width:400px;
  Height:40px;
  Margin:10px;
  /*Background:Navy;*/
  /*Color:White;*/
  Font-Size:20px;
  Border:1px solid black;
}

.InputBox{
  Width:250px;
  Height:30px;
  Margin:10px;
  /*Background:Navy;*/
  /*Color:White;*/
  Font-Size:24px;
  Border:1px solid black;
}

.CheckBox{
  Width:25px;
  Height:25px;
  Margin:10px;
  /*Background:Navy;*/
  /*Color:White;*/
  Border:1px solid black;
}

.TabulkaForm{
  Text-Align:Center;
}

.TabulkaFormA{
  Width:150px;
  Text-Align:Left;
}

.TabulkaFormB{
  Text-Align:Center;
}

.TabulkaFormC{
  Width:100px;
  Text-Align:Center;
}

#crypto {
    background: #222222;
}

#crypto-prices {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}

.crypto-coin {
    background: #fff;
    padding: 20px;
    margin: 10px;
    border: 1px solid #ddd;
    border-radius: 5px;
    width: 200px;
    text-align: center;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.crypto-coin h3 {
    margin: 0 0 10px;
}

.crypto-buttons {
    text-align: center;
    margin-top: 20px;
}

.crypto-buttons .crypto-btn {
    margin: 0 10px;
    padding: 10px 20px;
    background: #004080;
    color: #fff;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-weight: bold;
}

.crypto-buttons .crypto-btn:hover {
    background: #FF3366;
}

#crypto-chart {
    margin-top: 40px;
}

iframe {
    border: 0;
    width: 100%;
    height: 600px;
}

.btn {
    background: #FF4080;
    color: #fff;
    padding: 10px 20px;
    text-decoration: none;
    border-radius: 5px;
    font-weight: bold;
}

.btn:hover {
    background: #003366;
}