@charset "utf-8";
/* CSS Document */


/*  ---------------Register/Login Buttons Start--------------- */


.Log-Reg {

	background-color:#B4B4B4;
	padding: 1px;
	border-style:groove;
	border-color:#4D4D4D

}




.Log-Reg ul li{

    display: inline;
}

.Log-Reg a{
    background-color: red;
    color: white;
    border-style: dashed;
    border-color: black;
    display: inline;
    font-size: 18px;
    border-radius: 10%;
    padding: 5px;
}

.Log-Reg a:hover{
    background-color: black;
    color: yellow;
    border-style: dashed;
    border-color: red;
    display: inline;
    font-size: 18px;
    border-radius: 10%;
    padding: 5px;
}


.Log-Reg li a.selected {
    color:#F6F2F2;
    background-color: blue;
}

#LogRegThing ul li a.selected {
    color:#F2F2F2;
    background-color: grey;
}


/*  ---------------Register/Login Buttons End --------------- */








/*  --------------- Profile Pic Start --------------- */


.pic {
    background: url("../images/mar101xy-profile-cover.png");
    width: 100%;
    background-repeat: no-repeat;
    height: 220px;
    background-size: contain;
    background-position: center;
    background-color: #F2F2F2
}

/*  ---------------- Profile Pic End --------------- */










/*  ---------------- Banner Start --------------- */


.banner {
    border: 2px solid grey;
    padding: 10px;
    border-radius: 50px;
    background-color: black;
    color: white;
    font-weight: bold;
}


/*  ---------------- Banner End --------------- */





/*  ---------------- Coinbase Ad Start --------------- */


#coinbaseAd {
    max-width: 100%;
    max-height: 100%;
}


/*  ---------------- Coinbase Ad End --------------- */



.btc-block{
 
    display: inline;   
}





/*  ---------------- Navigation Start--------------- */




nav {
	display:inline-block;
	width: auto;
	height: auto;
	background-color: #A3A3A3;
	padding-top: 8px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 8px;
	border: medium dashed #FF0004;
}

#nav-ul {
	display: inline-block;
	width: auto;
	height: auto;
	background-color: #FF6700;
	border: thick groove #00BBFF;
	padding-top: 17px;
	padding-right: 17px;
	padding-bottom: 17px;
	padding-left: 17px;
}

#nav-ul li {
	display:inline-block;
	width: auto;
	height: auto;	
	background-color:#3A00FF;
	border:thick dotted #FFAAB9;
	padding: 8px;

}

#nav-ul li a{
	display: inline-block;
	width: auto;
	height: auto;
	color: white;
	font-weight: bold;
	font-size: 20px;
	padding: 5px;
	border-radius: 5px;
	border: 2px solid black;
	background-color: green;
}

#nav-ul li a:hover {
	padding: 5px;
	border-radius: 5px;
	border: 2px solid black;
	background-color: grey;
}


#nav-ul li a.selected {
    color:#F2F2F2;
    background-color: grey;
}








/*  ---------------- Navigation End--------------- */











/*  ---------------- Navigation 2 Start--------------- */




#nav2 {
	display: inline-block;
	width: auto;
	height: auto;
	background-color: #CCCCCC;
	padding-top: 6px;
	padding-right: 15px;
	padding-bottom: 6px;
	padding-left: 15px;
	border: medium dashed #838383;
}

#nav2-ul {
	display: block;
	width: auto;
	height: auto;
	background-color: #75FF66;
	border: thick groove #22FF00;
	padding-top: 17px;
	padding-right: 23px;
	padding-bottom: 17px;
	padding-left: 23px;
}

#nav2-ul li {
	display: block;
	width: auto;
	height: auto;	
	background-color:#FF97FE;
	border:thick dotted #FF00C6;
	padding: 8px;

}

#nav2-ul li a{
	display: block;
	width: auto;
	height: auto;
	color: white;
	font-weight: bold;
	font-size: 20px;
	padding: 5px;
	border-radius: 5px;
	border: 2px solid white;
	background-color: #FF00C6;
}

#nav2-ul li a:hover {
	padding: 5px;
	border-radius: 5px;
	border: 2px solid white;
	background-color: grey;
}


#nav2-ul li a.selected {
    color:#F2F2F2;
    background-color: grey;
}








/*  ---------------- Navigation 2 End--------------- */









/*  ---------------- Body Start--------------- */


body {
	background: #ffffff;
	text-align: center;


@media screen and (min-width: 480px) {
    #main_ad {
     
        display: block;
        float: middle;
    };
}
}



.language-boxes{
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: cadetblue;
    width: auto;
    height: 300px;
    border: crimson;
    border-style: dotted;

}


.language-box1{
 background-color: crimson;
 border-style: double;
 width: 200px;
 height: 200px;
}

.language-box2{
background-color: darkmagenta;
border-style: groove;
width: 250px;
height: 250px;

}

.language-box3{
background-color: hotpink;
border-style: solid;
width: 100px;
height: 100px;

}


.box {
display: inline-block;
max-width:100%;
height:auto;
}

.box:hover {
  background-color: #004E89;
  border-color: #004E89;
  height: 267px;
}


/*  ---------------- Body End--------------- */








/*  ---------------- Footer Start --------------- */

footer {
display: block;
}

.fcopyright {
    color: grey;
    font-size:15px;
    font-weight:bold;

}

/*  ---------------- Footer End--------------- */







/*  ---------------- About Start--------------- */

.mar-box {
	background-color: #fe40df;
	border-width: 8px;
	border-style: dotted;
	border-color: black;
}

.me-box {
	background-color: #FFF606;
	border-width: 8px;
	border-style: dotted;
	border-color: #5e4e07;
}

.computer-box {
	background-color: #007bed;
	border-width: 8px;
	border-style: dashed;
	border-color: #023463;
}

.bit-box {
	background-color: #F88A00;
	border-width: 8px;
	border-style: double;
	border-color: rgba(8, 185, 216, 0.425);
}

.mil-box {
	background-color: #409423;
	border-width: 8px;
	border-style: groove;
	border-color: rgb(122, 0, 82);
}

.flatEarth-box {
	background-color: #609283;
	border-width: 8px;
	border-style: ridge;
	border-color:  rgb(56, 177, 0);
	padding: 25px;
	border-radius: 10%;
}

.hobby-box {
	background-color: #E5CF00;
	border-width: 8px;
	border-style: inset;
	border-color: rgb(10, 226, 197);
}

.finish-box {
	background-color: #C647FF;
	border-width: 8px;
	border-style: outset;
	border-color: rgb(238, 0, 147);
}

/*  ---------------- About End--------------- */




/*  ---------------- Collapsible Start--------------- */


.aboutMeCollapsible{
	background-color: #777;
	color: white;
	cursor: pointer;
	padding: 18px;
	width: 100%;
	border: none;
	text-align: left;
	outline: none;
	font-size: 15px;
}

.active, .aboutMeCollapsible:hover {
	background-color: #555;
  }

.bitcoinButtonContent{
	padding: 0 18px;
	display: none;
	overflow: hidden;
	background-color: #f1f1f1;
}


/*  ---------------- Collapsible End--------------- */