estilos con stylus

Components/_variables.styl

@@ -0,0 +1,25 @@
+//tipografias
+font-size-nav = 14px
+font-family-nav = 'Gotham Rounded'
+ancho-fuente = 500
+estilo-fuente = normal
+
+
+//iconos
+
+icon-width = 30px
+
+//imagen-logo
+max-width-logo = 1059px
+
+//Main
+color-title-container = white
+color-parraf-container = white 
+
+//body
+color-body = rgba(255, 255, 255, .8)
+
+//Nav
+margin-left-icon = 73px
+margin-top-icon = 64px
+max-width-nav = 200px

Layout/_body.styl

@@ -0,0 +1,15 @@
+body  
+    margin: 0
+    padding: 0
+    background-color: color-body
+    &::-webkit-scrollbar {
+    display: none;
+
+}
+
+body:before
+        box-sizing border-box
+body:after
+        box-sizing: border-box;
+
+

Layout/_footers.styl

@@ -0,0 +1,100 @@
+footer 
+    background-image: url("../css/img/footer2.png")
+    background-repeat: no-repeat
+    background-size:100% 35%
+    background-position: center bottom
+    height: 630px
+    margin-top: 150px;
+
+.content-contact
+    display: flex;
+    height: 450px;
+    font-family: Arial, Helvetica, sans-serif;
+
+.contact-info, .section-form
+    width: 50%;
+    margin: 5px;
+    display: flex;
+  /* justify-content: center; */
+
+.section-form 
+  justify-content: center;
+  /* background: green; */
+  height: 480px;
+
+
+.contact-info 
+  flex-direction: column;
+  align-items: center;
+
+
+.info 
+  width: 70%;
+  height: 300px;
+  margin: 30px 0 150px 0;
+
+
+.datos 
+  margin-top: 70px;
+
+
+.form-content 
+  background: #AAAAAA;
+  width: 70%;
+  border-radius: 5px;
+  margin-top: 20px;
+  box-shadow: -1px 1px 5px 2px rgba(0,0,0,0.3);
+
+
+.form 
+  width: 80%;
+  margin: auto;
+  margin-top: 50px; 
+
+
+h3 
+  margin-bottom: 10px;
+
+
+.form input , textarea 
+  width: 100%;
+  margin-bottom: 10px;
+  border-radius: 5px;
+  border: none;
+  padding: 5px;
+
+
+.form input 
+  height: 37px;
+
+
+.form textarea 
+  height: 200px;
+
+
+
+.btn 
+  /* padding: 10px 20px; */
+  width: 80px;
+  height: 40px;
+  border-radius: 30px;
+  border: none;
+  background: #DE0009;
+  color: white;
+  float: right;
+
+
+.redes 
+  width: 70%;
+  height: 100px;
+  margin-top: 100px;
+  color: #FFFFFF;
+
+
+.red 
+  float: left;
+  margin-right: 50px;
+
+
+.red a 
+  color: #FFFFFF;

Layout/_icons.styl

@@ -0,0 +1 @@
+

Layout/_mainLogo.styl

@@ -0,0 +1,37 @@
+.container-logo 
+    width: 100vw
+    //height 100vh
+    display: flex
+    justify-content: center
+    overflow-y: hidden
+
+    & img 
+        width 1059px
+        height: 596px
+
+.container-trazado
+    width: 100vw
+    //height 100vh
+    display: flex
+    justify-content: center
+    align-items: center
+    position relative
+    & img        
+        width: 1994,11px
+        height 1986,2px
+    & .quienes-somos
+        position absolute
+        text-align center
+        top 500px
+
+    & h2
+        font-family 'Gotham Rounded';
+        font-weight bold
+        font-size: 44px
+        color: white
+    & p 
+        font-family 'Gotham Rounded'
+        font-weight 300 
+        font-size 36px
+        color: white 
+

Layout/_nav.styl

@@ -0,0 +1,19 @@
+nav 
+    font-size font-size-nav
+    font-family font-family-nav
+    font-weight ancho-fuente
+    font-style estilo-fuente
+    display flex
+    align-items: center
+    margin-left margin-left-icon
+    margin-top margin-top-icon
+    max-width max-width-nav
+    & a
+        justify-content: center
+    & a img
+        width icon-width
+        margin-left: 5px
+    & h4
+        font-size 18px
+        margin-top 0
+        margin-bottom 0    

Layout/_portafolios.styl

@@ -0,0 +1,21 @@
+.Audiovisual
+    max-width 100%
+.audiovisual__tarjeta1
+    display: flex
+    align-items: center
+    & figure 
+        display block
+        float left
+        margin-left: 50px
+
+.audivisual__tarjeta1-texto
+    width: 25%
+
+#target2__float-right
+    display: flex
+    align-items: center
+    justify-content: flex-end
+    & figure 
+        display block
+        float left
+

Layout/_targets.styl

@@ -0,0 +1 @@
+