.content{position:relative}.content .element:first-child{position:relative;display:flex;user-select:none}.content .element:first-child .title{margin:auto;font-family:"Roboto";width:100%;text-transform:uppercase}.content .element:first-child .title .sub{color:#828282;margin-top:-20px}@media (max-width:768.5px){.content .element:first-child .title{margin:auto}}.content .element:first-child .title form.search{display:inline-flex;width:auto;width:100px;border-bottom:1px solid black;opacity:0.4;transition:all 0.4s;transition-property:width, opacity;font-family:"Roboto", sans-serif;margin:15px 0}.content .element:first-child .title form.search input[type="text"]{padding:5px 0;font-size:1em;width:100%}.content .element:first-child .title form.search label{width:35px;height:35px;box-sizing:border-box;margin:auto;display:block;position:relative;padding:5px}.content .element:first-child .title form.search label input[type="submit"]{width:100%;height:100%;position:absolute;display:block;top:0;left:0}.content .element:first-child .title form.search label input[type="submit"]{cursor:pointer}.content .element:first-child .title form.search label img{pointer-events:none;object-fit:contain;width:100%;height:100%}.content .element:first-child .title form.search:focus-within{opacity:1}@media (max-width:768.5px){.content .element:first-child .title form.search{width:120px}}.content .element:first-child .title form.search:focus-within{width:100%}.content .element:first-child .title form.search:focus-within input[type="text"]{width:100%}.content .element:first-child .profile{border-radius:100%;width:40%;margin-bottom:20px;pointer-events:none}@media (max-width:768.5px){.content .element:first-child .profile{width:60%;margin:auto;display:block;margin-bottom:20px}}@media (min-width:768.5px){.content .element{min-height:100vh;padding:50px}.content .element:first-child{position:fixed;width:45%}.content .element:last-child{width:55%;left:auto;right:0;position:absolute}}@media (max-width:768.5px){.content .element{padding:5vw}.content .element:first-child{min-height:auto;padding-top:100px;flex-direction:column;padding-bottom:0;min-height:calc(80vh - 10px)}.content .element:last-child{padding-bottom:80px;padding-top:0}.content .element.desktop+.element{padding-top:100px}}.timeline{display:flex}.timeline .float{width:100%}@media (max-width:768.5px){.timeline .float{height:auto;min-height:auto;padding-top:20px}}.timeline .float>a.article{margin:30px 0;position:relative;color:black;display:flex}.timeline .float>a.article:last-child{margin-bottom:0}.timeline .float>a.article .thumbnail{width:25%;margin:auto;margin-right:10px;display:inline-block;vertical-align:middle;pointer-events:none}.timeline .float>a.article .thumbnail div{width:100%;padding-bottom:125%;background-size:cover;background-position:50% 50%;background-repeat:none}.timeline .float>a.article:first-child .thumbnail div{filter:none}.timeline .float>a.article .headline{display:inline-block;vertical-align:middle;width:100%}.timeline .float>a.article .headline h2{font-size:1.2em;margin:0;margin-top:5px;text-transform:uppercase}.timeline .float>a.article .tag{letter-spacing:0.5px;background:black;border-radius:2px;color:white;padding:2px 5px;margin-right:5px;font-size:0.65em;font-weight:bold;opacity:0.4;text-transform:uppercase}.timeline .float>a.article .date{padding-top:1em;font-size:0.75em;opacity:0.8}.timeline .float>a.article::before{display:block;position:absolute;text-transform:uppercase;margin-top:calc(-1em - 15px);font-family:"Roboto";letter-spacing:2px;font-size:0.8em}.timeline .float>a.article:first-child::before{content:"Proyectos:"}.timeline .float>a.article:first-child:nth-last-child(2){border:none}.timeline .float>a.article:first-child:nth-last-child(2)::before{content:none}.timeline .float>.search{margin-bottom:30px}.timeline .float>.search .results{text-transform:uppercase;font-family:"Roboto";letter-spacing:2px;font-size:0.8em}.timeline .float>.search form{display:inline-flex;width:100%;margin-bottom:30px;border-bottom:1px solid black;font-family:"Roboto", sans-serif}.timeline .float>.search form input[type="text"]{padding:5px 0;font-size:2em;width:100%}.timeline .float>.search form label{width:50px;height:50px;box-sizing:border-box;margin:auto;display:block;position:relative;padding:10px}.timeline .float>.search form label input[type="submit"]{width:100%;height:100%;position:absolute;display:block;top:0;left:0}.timeline .float>.search form label input[type="submit"]{cursor:pointer}.timeline .float>.search form label img{pointer-events:none}.timeline .float>.search+a.article:nth-child(2){padding-top:0}.timeline .float>.search+a.article:nth-child(2)::before{content:none}.timeline .float>.page{font-size:1.7em;font-family:"Roboto";margin-bottom:-10px}.timeline .float>.page+a.article:nth-child(2)::before{content:none}.timeline .float>.navigation{display:flex;margin-bottom:20px;text-transform:uppercase;letter-spacing:2px}.timeline .float>.navigation.disable{display:none}.timeline .float>.navigation>div{width:100%;margin:auto 0}.timeline .float>.navigation>div:last-child{text-align:right}.timeline .float>.navigation>div>a{color:white;font-family:"Roboto"}.timeline .float>.navigation>div.disable{visibility:hidden;pointer-events:none}.scrolldown{display:inline-block;height:40px;margin:20px auto}@media (min-width:768.5px){.scrolldown{display:none}}@media (max-width:768.5px){.arrow{display:none}}.inicio{display:block;text-transform:uppercase;font-family:"Roboto";letter-spacing:2px;margin-bottom:10px;font-size:0.8em}.man{width:50px;opacity:0.8;margin:auto;display:block;width:55px}