*{
    margin: 0;
    padding: 0;
}
.header
{
    height: 90vh;
    padding: 18px;
}
.navbar-nav
{
    display: inline-block;
}
.navbar-nav.navbar-center {
    position: relative;
    left: 18%;
}
.navbar-style
{
    box-shadow: 0 5px 5px #767e80;
}
.logo
{
    height: 48px;
    object-position: 0px;
}
.icon-bar
{
    background: rgb(0, 156, 156);
}

li a
{
    color:rgb(0, 204, 255);
    font-size: 18px;
}
a.btn
{
    margin: 30px 10px;
    width: 150px;
    padding: 10px;
    border-radius: 20px;
}
a.btn-download
{
    background-color: black;
}
.crtext
{
    font-size: 7px;
    margin: 7px 0;
    padding: 0px;
    padding-block-end: 20px;
    color: rgb(0, 178, 233);
    left: 100px;
}
.countertext
{
    font-size: 0px;
    margin: 7px 0;
    padding: 0px;
    padding-block-end: 20px;
    color: rgb(0, 178, 233);
    left: 100px;
}
.guideheader
{
    font-size: 30px;
    margin: 7px 0;
    padding: 0px;
    padding-block-end: 20px;
    color: rgb(255, 115, 0);
    left: 100px;
    font-style: italic;
}
.writingtext
{
    font-size: 15px;
    margin: 7px 0;
    padding: 0px;
    padding-block-end: 20px;
    color: rgb(182, 202, 210);
    left: 100px;

}
.writingtextblue
{
    font-size: 15px;
    margin: 7px 0;
    padding: 0px;
    padding-block-end: 20px;
    color: rgb(0, 178, 233);
    left: 100px;
}
.writingtextgeneral
{
    font-size: 15px;
    margin: 7px 0;
    padding: 0px;
    padding-block-end: 20px;
    color: rgb(5, 165, 174);
    left: 100px;
}
.writingtextorange
{
    font-size: 15px;
    margin: 7px 0;
    padding: 0px;
    padding-block-end: 20px;
    color: rgb(255, 149, 0);
    left: 100px;
}
.subsection
{
    font-size: 15px;
    margin: 3px 0;
    padding: 12px;
    color: rgb(0, 195, 255);
    left: 100px;
}
.headerofsection
{
    font-size: 20px;
    margin: 7px 0;
    padding: 0 0 20px 0;
    color: rgb(0, 195, 254);
    text-align: center;
}
.headerofsubsection
{
    font-size: 16px;
    margin: 7px 0;
    padding: 0 0 20px 0;
    color: rgb(0, 195, 254);
    text-align: center;
}
.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }
  .centerreal {
    text-align: center;
  }
.theme-container{
    display: flex;
    flex-wrap: wrap;
    gap: 48px;
    justify-content: left;
}
.centered-img{
    margin: 0;
    height: 10;
    display: flex;
    align-items: center;
    justify-content: center;
}
.theme {
    width: 100%;
    max-width: 240px;
    text-align: center;
}
.themeimg {
    width: 100%;
    height: auto;
    display: block;
    margin: 0px;
}
.themedesc {
    font-size: 15px;
    padding: 7px;
}