/* Custom Stylesheet */
/**
 * Use this file to override Materialize files so you can update
 * the core Materialize files in the future
 *
 * Made By MaterializeCSS.com
 */

#bio {
  background-image:url("../img/screen_code.png");
  height: 500px;
  max-width: 100%;
  position:relative;
  color: white;
  z-index:1;
}

#bio::after {
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  opacity: 85%;
  background: #2196F3;
  z-index:-1;
}

#btn-paypal{
  height: 60px;
}

.icon-block {
  padding: 0 15px;
}
.icon-block .material-icons {
	font-size: inherit;
}

/* ---- particles.js container ---- */

$size_floating_btn: 40px;
$white: #FFFFFF;

@keyframes btn_ir_arriba_animation {
	from {

  		width: size_floating_btn;
  		height: size_floating_btn;
	}
  	to {
  		width: 1px;
  		height: 1px;
  	}
}

#particles-js{
  width: 100vw;
  height: 35vh;
  background-color: black;
  background-image: url('');
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  position: relative;
  z-index: 1;
}

#btn-ir-arriba{
	position: fixed; 
	bottom: 25px; 
	right: 25px;
}

@media only screen and (max-width: 800px) {
  #logo-container{
    font-size: 0.8em;
  }
}