/*/////// MEDIA ////////*/

img, video, audio, iframe, table, form {
  width: 100%; /* IE */
  max-width: 100%; /* FF, Safari, Chrome */
}

/*/////// Layput styles ////////*/

.full-card {
    color: #333333;
    font-family: Arial, Helvetica, sans-serif;
    max-width: 650px;
    margin: 0 auto;
    padding: 0 16px;

    display: flex ;
    flex-direction: column;
}

.main-card {
	flex-grow: 1;
}

.multi-link {
	margin-right: 5px;
}

.card-btn {
	margin-bottom: 15px;
}


.bg-dark {
	height: 100%;
}
.typed{
	font-size: 50px;
}
.bio {
	font-size: 20px;
	padding-top: 30px;
	padding-bottom: 30px;
}
.brandrb {
    -webkit-animation:spin 1s;
    -moz-animation:spin 1s;
    animation:spin 1s;
}
.row {
  margin-bottom: 20px;
}
.bg-white {
  background-color: white;
}
.bg-blue {
  background-color: #7c7c7c;
}
.bg-grey {
	background-color: #565656;
}
.pill-blue {
	background-color: #0452b7; 
}
.bg-red {
  background-color: #c26868;
}
.badge-cool {
  background-color: #2B8FCA ;
  color:#F1FAEE;
}
.col1 {
	font-weight: bold;
	color: #0452b7;
}
.col2 {
	font-weight: bold;
	color: #ffc107;
}
.cool2 {
	font-weight: bold;
  	color: #05dc98;
}
.cool2 span:hover {
	background-color: #05dc98;
	cursor: default;
}
.bg-hehe {
  background-color: #c26868;
}
.st {
	color: #25252A;
}
.mar {
  margin: 0 200px ;
}
.langs span:hover {
	background-color: #0452b7;
	cursor: default;
}
.tools span:hover {
	background-color: #ffc107;
	cursor: default;
}
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }



/* Cursor */
.typed-cursor {
	opacity: 1;
	animation: typedjsBlink 0.7s infinite;
	-webkit-animation: typedjsBlink 0.7s infinite;
	animation: typedjsBlink 0.7s infinite
}

@keyframes typedjsBlink {
	50% {
		opacity: 0.0
	}
}

@-webkit-keyframes typedjsBlink {
	0% {
		opacity: 1
	}
	50% {
		opacity: 0.0
	}
	100% {
		opacity: 1
	}
}


/* RB Logo */

#RB {
  color: #3e3e3f;
}

#brackets {
  color: #3e3e3f;
}
#brackets:hover{
  color: #ffffff;
}

#hello{
  margin-bottom: 20em;
  margin-top: 20em;
}

.typed-cursor {
	opacity: 1;
	font-weight: 100;
  color: #3e3e3f;
}

@keyframes blink{
	0% { opacity:1; }
	50% { opacity:0; }
	100% { opacity:1; }
}
@-webkit-keyframes blink{
	0% { opacity:1; }
	50% { opacity:0; }
	100% { opacity:1; }
}
@-moz-keyframes blink{
	0% { opacity:1; }
	50% { opacity:0; }
	100% { opacity:1; }
}
@-ms-keyframes blink{
	0% { opacity:1; }
	50% { opacity:0; }
	100% { opacity:1; }
}
@-o-keyframes blink{
	0% { opacity:1; }
	50% { opacity:0; }
	100% { opacity:1; }
}


#particles-js {
  margin-bottom: -55%;
  position: static;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
 }