2 de 443
Carpeta CSS
Recibidos
Tecnica Epet20
	
Adjuntos08:30 (hace 25 minutos)
	
para mí
Hola...ahi va....

-- 

 4 archivos adjuntos  •  Analizado por Gmail
	

:root{
    --blue: #007bff;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #dc3545;
    --orange: #fd7e14;
    --yellow: #ffc107;
    --green: #28a745;
    --teal: #20c997;
    --cyan: #17a2b8;
    --white: #fff;
    --gray: #6c757d;
    --gray-dark: #343a40;
    --primary: #007bff;
    --secondary: #6c757d;
    --success: #28a745;
    --info: #17a2b8;
    --warning: #ffc107;
    --danger: #dc3545;
    --light: #f8f9fa;
    --dark: #343a40;
    --b:#E1F4FF;
    --footer:#002C6F;
    --cyanPastel:#2BF2F5;
    --c:#BFE9FF;
    --font:#305C73;
    --font-show:#3F7896;
  
    --main-white-color: white;
  --main-black-color: black;
  }
body{
    padding:0;
    margin:0;
    background-image: url(http://epet20.com.ar/assets/img/drone.jpg);
    background-repeat: repeat-y;
    background-size: 100%;
    background-attachment: fixed;
  }

  .inner-container{
    width:700px;
    height:380%;
    position:absolute;
    top:calc(50vh - 300px);
    left:calc(50vw - 350px);
    overflow:hidden;
  }
  
  .bgvid.inner{
    top:calc(-50vh + 200px);
    left:calc(-50vw + 200px);
    filter: url("data:image/svg+xml;utf9,<svg%40version='1.1'%20xmlns='http://www.w3.org/2000/svg'><filter%20id='blur'><feGaussianBlur%20stdDeviation='10'%20/></filter></svg>#blur");
    -webkit-filter:blur(10px);
    -ms-filter: blur(10px);
    -o-filter: blur(10px);
    filter:blur(10px);
  }
  .box{
    border-radius: 10px;
    position:absolute;
    height:100%;
    width:100%;
    font-family:Helvetica;
    color:#fff;
    background:rgba(0,0,0,0.53);
    padding:30px 0px;

  }
  .box h1{
    text-align:center;
    margin:30px 0;
    font-size:30px;
  }


  .box img{
    border:0;
    color:#fff;
    padding:10px;
    font-size:20px;
    width:330px;
    margin:20px auto;
    display:block;
    width: 400px;
    height: auto;
  }
  
  .box p{
    font-size:14px;
    text-align:center;
  }
  .box p span{
    cursor:pointer;
    color:var(--gray);
  }

.center {
  left: 50%;
  top: 50%s;
}

@media(max-width: 600px){

  .inner-container{
    width:300px;
    height:380%;
    position:absolute;
    top: 100px;
    left: 30px;
    overflow:hidden;
  }
  .box{
    border-radius: 10px;
    background:rgba(0,0,0,0.53);

  }
  .box img{
    border:0;
    color:#fff;
    padding:0px;
    font-size:20px;

    margin:0px auto;
    display:block;
    width: 280px;
    height: auto;
  }
}