body{
font-size:18px;
color:black;
     background: rgb(140,143,255);
background: linear-gradient(90deg, rgba(140,143,255,1) 0%, rgba(215,215,215,1) 50%, rgba(255,109,109,1) 100%); 
    background-repeat: no-repeat;
    background-attachment: fixed;
}
.nav{margin-bottom:1em;margin-top:1em;}
.dropdown-menu{background-color:#F6F6F6;}
.dropdown-item{color:black;}
.dropdown-divider{background-color:#CCCCCC;}
header{
    backdrop-filter: blur(10px);
}
.logo{
	color:black;
	font-weight:bold;}
a.logo{color:black;}


.nav {margin-left:1.5em;}
.mobnav {margin-left:0px;}

.boldtxt{font-weight:bold;}
	a{color:#3333FF;}
.tracks{text-decoration:line-through;}
a:hover.tracks{text-decoration:line-through;}
a:hover{text-decoration: none;}

.carousel-inner{
  width:100%;
  max-height: 100%;
}
.img-fluid{height:100%;}

.back{margin-left:1em;}

.footer{position:bottom;height:100%;font-size:0.8em;}

.img-responsive {
    margin: 0 auto;
}

.back_btn{position:fixed;
top:0;
background-color:#F6F6F6;
width:100%;
overflow: hidden;
}
.back_btn a{display: block;}

.block{border-style:solid;
border-width:1.25px;
border-radius:10px;
border-color:black;
padding:10px;
padding-bottom:0px;
margin-bottom:0px;
height:100%;}

.dropshadow {background: linear-gradient(90deg, rgba(140,143,255,1) 0%, rgba(215,215,215,1) 50%, rgba(255,109,109,1) 100%);
box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.52);
}

a.ablack{color: black;}


/*modal style for pop up*/
.modal-content{background-color: rgb(0,0,0);}
.modal-header{background-color: rgb(235,235,235);
border-radius: 5px 5px 0px 0px;}
.modal-body{background-color: rgb(200,200,200);
backdrop-filter:blur(15px);
border-radius: 0px 0px 5px 5px}

.appdes{vertical-align: top;}

.marg{margin-top: 2em;
margin-bottom: 5em;}
.mrgbott{margin-bottom: 30px;}
.mrgbottbig{margin-bottom: 10em;}

.newsitem{padding: 25px;
    background-color: rgba(160,160,160,0.1);
backdrop-filter:blur(15px);
border-radius: 10px;}

.downloadbtn{
bottom: 0;
position: absolute; }

img.na {
  filter: grayscale(100%);
}

.mention{background-color: rgba(96,113,172,0.3);
border-radius: 1px;}

@keyframes rare{
    0%{background-color: limegreen;}
    50%{background-color: darkgreen;}
    100%{background-color: limegreen;}
}

@media screen and (min-width:768px){
.mobile{display:none;}}

@media screen and (max-width:767px){
.pc{display:none;}}