home.css 2.32 KB
Newer Older
1 2 3 4 5 6 7
img.logoi{
    width: 200px;
    
}

img{
    width: 400px;
Angel Zarate committed
8 9 10
    padding: 10px;
    display: block;
    padding:10px ;
11 12 13 14 15 16 17
}
.header {
    margin-bottom: 0;
    width: 700px;
}
a{
    float: right 100px;
Angel Zarate committed
18 19 20 21 22
    color: #fff;
    font-size: larger;
    text-decoration: none;
    padding: 10px;

23 24 25
}

body {
Angel Zarate committed
26 27 28 29
    background: linear-gradient(100deg, rgba(20, 99, 155, 0.25), rgba(30, 148, 227, 0.25));
    background-image: url(webapp/imagenes/descarga.svg);

        background-size: contain;
30 31
    background-attachment: fixed;
    background-blend-mode: multiply;
Angel Zarate committed
32
    font-family: Georgia, 'Times New Roman', Times, serif;
33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70
    color: white;
    position: relative;
    width: 100px;
    height: 100px;
}
/* ul{
    list-style: none;
}
.menu >ul{
    float: right;
}

.menu li a {

    color:#fff;
    text-decoration:none;
    padding:10px 12px;
    display:block;
}

.menu li ul li {
    marging-left
    position:relative;
} */
.menu {
    width: 400%;
    float: left;
  
  }
  
  .menu ul li {
    float: right;
    list-style-type: none;
    text-align: right;
  }
  div.menu{
      float: right;
     
Angel Zarate committed
71

72
  }
Angel Zarate committed
73 74 75 76 77 78
  html, body {
    margin:0;
    padding:0;
    height:100%;
  }
  
79 80
  .menu ul li a {
    padding-left:  5px;
Angel Zarate committed
81 82
    
    font-size: clamp(145px);
83 84 85 86 87 88 89 90 91 92 93 94 95
    text-transform: uppercase;
    display: block;
    position: relative;
    overflow: hidden;
    padding-bottom: 50px;
    white-space: nowrap;
  }
  .grafico,svg {
    max-width: 50px;
    display: block;
    height: auto;
}
.seccion.hero {
Angel Zarate committed
96 97 98
 margin-top: 10px;
    padding-bottom: 10px;
    width: 900px;
99 100
}
.hero {
Angel Zarate committed
101
    perspective: 100px;
102 103 104
}
.hero {
    display: grid;
Angel Zarate committed
105
    grid-template-columns: auto repeat(5, 0.5fr) auto;
106 107 108 109 110 111 112 113 114
}
.hero {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-left: 200px;
    /* padding-right: 200px;
 */
}
Angel Zarate committed
115
/*  */
116 117
 .postulacion{
border-radius: 30px;
Angel Zarate committed
118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145
}
.cta-main{
   width: 200px;
   font-family: monospace;
background-color: yellow;
border: none;
}
/* Contenido pie de pagina */
/* usamos media quiere para el responsive */
/* @media (min-width: 768px)
.footer {
    display: grid;
    grid-template-rows: auto auto;
    align-items: flex-start;
    gap: 0;
    padding: 80px 20px
} */
.footer{
    margin-top: 10px;
    padding-bottom: 10px;
    height:100px;
    width: 100px; 
    display: grid;
}

.menu-footer  a{
    text-decoration: none;
    float: right;
146
}