/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Jun 6, 2020, 3:26:00 PM
    Author     : sudhi
*/

:root {
    --rich-black-fogra-29: #011627ff;
    --pale-silver: #d7cdccff;
    --indigo-dye: #344966ff;
    --xiketic: #14080eff;
    --turquoise:#73eedcff;
    --prussian-blue:  #0e273cff;
    --white: #ffffffff;
    --eerie-black: #1f1f1fff;
    --usafa-blue:#205583ff;
    --byzantium: #731963ff;
}

html {
    position: relative;
    min-height: 100%;
}

body {
    background: #05426c;
    background: linear-gradient(160deg, #05426c 0%, #05426c 50%, #0c79c4 100%);
    margin-bottom: 60px;
    color: var(--indigo-dye);
   

}

.contentWrapper {
    width: 80%; /* set width to match footer class */
    background-color: var(--white);
    margin: 0px auto;
    padding: 0px;
    color: var(--indigo-dye); 
    min-height: 100vh;
}

.footer {
    position: absolute;
    bottom: 0;
    width: 80%; /* set width to match contentWrapper class */
    height: 60px; /* Set the fixed height of the footer here */
    line-height: 60px; /* Vertically center the text there */
    background-color: var(--indigo-dye);
    margin: 0px auto;
    left: 10%; /* width is 80% and we said position:absolute so left should be half of remaining width to center it properly, hence 10% (half of 100-80=20%)*/
}

.navbar-nav .active>.nav-link {
    font-weight: bold;
    text-decoration: overline;
}

.card-title {
    color: var(--teal);
}

iframe {
    width: 1200px;
    height: 950px;
    display: block;
    margin: 5px auto;
}

.title {
    color: #003b69;
    background-color: #f3f3f3
}

.title h2 {
    border-bottom: 5px solid #003b69;
}

.visually-hidden:target + h3{
  animation: highlight 5s ease;
}

@keyframes highlight {
  from { background: yellow; }
  to { background: white; }
}