@font-face{font-family:Lato-Regular;src:url(../fonts/lato/Lato-Regular.ttf)}@font-face{font-family:Lato-LightItalic;src:url(../fonts/lato/Lato-LightItalic.ttf)}@font-face{font-family:Lato-MediumItalic;src:url(../fonts/lato/Lato-MediumItalic.ttf)}@font-face{font-family:Lato-Medium;src:url(../fonts/lato/Lato-Medium.ttf)}#mainMenu{font-family:Lato-MediumItalic}h1,h2,h3,h4,h5,h6{font-family:Lato-Medium}p,label{font-family:Lato-Regular}@-webkit-keyframes moveIris{0%,10%,50%,90%,100%{-webkit-transform:translate(-50%, 50%);transform:translate(-50%, 50%)}33%{-webkit-transform:translate(10%, 18%);transform:translate(10%, 18%)}66%{-webkit-transform:translate(-100%, 70%);transform:translate(-100%, 70%)}}@keyframes moveIris{0%,10%,50%,90%,100%{-webkit-transform:translate(-50%, 50%);transform:translate(-50%, 50%)}33%{-webkit-transform:translate(10%, 18%);transform:translate(10%, 18%)}66%{-webkit-transform:translate(-100%, 70%);transform:translate(-100%, 70%)}}html,body,main{min-height:100%;height:100%}body{padding-left:50px;scroll-behavior:smooth}a{color:inherit}a:focus{outline:0}a:hover{color:inherit}.link{position:relative;color:#999;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}.link:before{content:'';position:absolute;bottom:-2px;left:0;width:100%;height:2px;background-color:#80d8ff;-webkit-transform:scale3d(0, 3, 1);transform:scale3d(0, 3, 1);-webkit-transform-origin:0% 50%;-ms-transform-origin:0% 50%;transform-origin:0% 50%;-webkit-transition:-webkit-transform 0.3s;transition:-webkit-transform 0.3s;transition:transform 0.3s;transition:transform 0.3s, -webkit-transform 0.3s;-webkit-transition-timing-function:cubic-bezier(1, 0.68, 0.16, 0.9);transition-timing-function:cubic-bezier(1, 0.68, 0.16, 0.9)}.link:hover{-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;color:#80d8ff}.link:hover:before{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1)}.vertical-container{height:100%;display:-webkit-flex;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.little-row{padding:0 2%}.button{margin:15px 0;padding:5px;background-color:#3f51b5;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;color:white}.button:hover{background-color:#82b1ff}.cardStyle,.button,.card,#experience .quote,#contact input,#contact textarea{box-shadow:0px 1px 1px 0px #ccc;border-radius:2px}.text-center{text-align:center}.text-error{font-size:0.9em;font-family:Lato-MediumItalic;margin-left:15px}.text-lead{font-size:1.1em;text-align:center;font-family:Lato-MediumItalic}.color-error{color:#f44336}.color-success{color:#4caf50}#mainMenu{position:fixed;top:0;left:0;z-index:10000;height:100%;padding:1% 0;width:50px;background-color:#3f51b5;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;overflow:hidden}#mainMenu.mainMenuOut{width:200px}#mainMenu.mainMenuOut #controlerMenu{-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;-webkit-transform:translateX(85px);-ms-transform:translateX(85px);transform:translateX(85px)}#mainMenu.mainMenuOut #controlerMenu .menu-arrow{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}#mainMenu.mainMenuOut #controlerMenu .menu-arrow:before{width:.6em;-webkit-transform:translateX(0.48em) translateY(0.23em) rotate(45deg);-ms-transform:translateX(0.48em) translateY(0.23em) rotate(45deg);transform:translateX(0.48em) translateY(0.23em) rotate(45deg)}#mainMenu.mainMenuOut #controlerMenu .menu-arrow.icon{border-radius:.1em .25em .25em .1em}#mainMenu.mainMenuOut #controlerMenu .menu-arrow:after{width:.6em;-webkit-transform:translateX(0.48em) translateY(-0.23em) rotate(-45deg);-ms-transform:translateX(0.48em) translateY(-0.23em) rotate(-45deg);transform:translateX(0.48em) translateY(-0.23em) rotate(-45deg)}#mainMenu.mainMenuOut .item-menu i,#mainMenu.mainMenuOut .bottom-menu .item-menu i{width:30%}#mainMenu.mainMenuOut .item-menu span,#mainMenu.mainMenuOut .bottom-menu .item-menu span{width:70%;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;opacity:1;visibility:visible;display:inline-block}#mainMenu #controlerMenu{-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;-webkit-transform:translateX(0px);-ms-transform:translateX(0px);transform:translateX(0px)}#mainMenu #controlerMenu .menu-arrow{font-size:20px;display:block;margin:auto;width:1em;height:1em;padding:0;cursor:pointer;-webkit-transition:transform .2s ease-in-out;-webkit-transition:-webkit-transform .2s ease-in-out;transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform 0.2s ease-in-out,-webkit-transform 0.2s ease-in-out;vertical-align:middle;border:0 none;background:transparent}#mainMenu #controlerMenu .menu-arrow::-moz-focus-inner{padding:0;border:0 none}#mainMenu #controlerMenu .menu-arrow:focus{outline:0}#mainMenu #controlerMenu .menu-arrow:before,#mainMenu #controlerMenu .menu-arrow:after{content:""}#mainMenu #controlerMenu .menu-arrow:before,#mainMenu #controlerMenu .menu-arrow:after,#mainMenu #controlerMenu .menu-arrow .icon{display:block;width:100%;height:.2em;margin:0 0 .2em;-webkit-transition:transform 0.2s ease-in-out,background-color 0.2s ease-in-out;-webkit-transition:background-color 0.2s ease-in-out,-webkit-transform 0.2s ease-in-out;transition:background-color 0.2s ease-in-out,-webkit-transform 0.2s ease-in-out;transition:transform 0.2s ease-in-out,background-color 0.2s ease-in-out;transition:transform 0.2s ease-in-out,background-color 0.2s ease-in-out,-webkit-transform 0.2s ease-in-out;border-radius:.05em;background-color:#80d8ff}#mainMenu #controlerMenu .menu-arrow:before{width:.6em;-webkit-transform:translateX(0.4em) translateY(0.2em) rotate(45deg);-ms-transform:translateX(0.4em) translateY(0.2em) rotate(45deg);transform:translateX(0.4em) translateY(0.2em) rotate(45deg)}#mainMenu #controlerMenu .menu-arrow .icon{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);border-radius:.25em .1em .1em .25em}#mainMenu #controlerMenu .menu-arrow:after{width:.6em;-webkit-transform:translateX(0.4em) translateY(-0.2em) rotate(-45deg);-ms-transform:translateX(0.4em) translateY(-0.2em) rotate(-45deg);transform:translateX(0.4em) translateY(-0.2em) rotate(-45deg)}#mainMenu #controlerMenu .menu-arrow:hover:before,#mainMenu #controlerMenu .menu-arrow:hover:after,#mainMenu #controlerMenu .menu-arrow:hover .icon{-webkit-transition:background-color .2s ease-in-out;transition:background-color .2s ease-in-out;background-color:white}#mainMenu .item-menu,#mainMenu .bottom-menu .item-menu{text-align:center;margin:10px auto;color:#80d8ff}#mainMenu .item-menu i,#mainMenu .bottom-menu .item-menu i{font-size:30px;display:inline-block;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;vertical-align:middle}#mainMenu .item-menu span,#mainMenu .bottom-menu .item-menu span{-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;opacity:0;visibility:hidden;display:none;text-align:left;vertical-align:middle;position:relative;font-size:16px}#mainMenu .item-menu span:before,#mainMenu .bottom-menu .item-menu span:before{content:'';position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:white;-webkit-transform:scale3d(0, 3, 1);transform:scale3d(0, 3, 1);-webkit-transform-origin:0% 50%;-ms-transform-origin:0% 50%;transform-origin:0% 50%;-webkit-transition:-webkit-transform 0.3s;transition:-webkit-transform 0.3s;transition:transform 0.3s;transition:transform 0.3s, -webkit-transform 0.3s;-webkit-transition-timing-function:cubic-bezier(1, 0.68, 0.16, 0.9);transition-timing-function:cubic-bezier(1, 0.68, 0.16, 0.9)}#mainMenu .item-menu a:hover i,#mainMenu .item-menu a:hover span,#mainMenu .item-menu a:focus i,#mainMenu .item-menu a:focus span,#mainMenu .bottom-menu .item-menu a:hover i,#mainMenu .bottom-menu .item-menu a:hover span,#mainMenu .bottom-menu .item-menu a:focus i,#mainMenu .bottom-menu .item-menu a:focus span{-webkit-transition:color 0.3s ease-in-out;transition:color 0.3s ease-in-out;color:white}#mainMenu .item-menu a:hover span:before,#mainMenu .item-menu a:focus span:before,#mainMenu .bottom-menu .item-menu a:hover span:before,#mainMenu .bottom-menu .item-menu a:focus span:before{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1)}#mainMenu .bottom-menu{width:100%;position:absolute;bottom:0}@keyframes fallingDown{0%{transform:translate(0, -200px);opacity:0}50%{transform:translate(0, 0px);opacity:1}75%{transform:translate(0, -20px)}100%{transform:translate(0, 0px)}}#home{height:100%;background-color:#e3f2fd}#home .vertical-container-home{padding-top:10%}#home .vertical-container-home img{max-width:100%}#home .vertical-container-home h1{text-align:center;font-size:5em;margin:10px 0}#home .vertical-container-home h1 .letters{display:inline-block}#home .vertical-container-home h1 .fallingDown:nth-of-type(1){animation:fallingDown 850ms ease-in}#home .vertical-container-home h1 .fallingDown:nth-of-type(2){animation:fallingDown 900ms ease-in}#home .vertical-container-home h1 .fallingDown:nth-of-type(3){animation:fallingDown 950ms ease-in}#home .vertical-container-home h1 .fallingDown:nth-of-type(4){animation:fallingDown 1000ms ease-in}#home .vertical-container-home h1 .fallingDown:nth-of-type(5){animation:fallingDown 1050ms ease-in}#home .vertical-container-home h1 .fallingDown:nth-of-type(6){animation:fallingDown 1100ms ease-in}#home .vertical-container-home h1 .fallingDown:nth-of-type(7){animation:fallingDown 1150ms ease-in}#home .vertical-container-home h1 .fallingDown:nth-of-type(8){animation:fallingDown 1200ms ease-in}#home .vertical-container-home h1 .fallingDown:nth-of-type(9){animation:fallingDown 1250ms ease-in}#home .vertical-container-home h1 .fallingDown:nth-of-type(10){animation:fallingDown 1300ms ease-in}#home .vertical-container-home h1 .fallingDown:nth-of-type(11){animation:fallingDown 1350ms ease-in}#home .vertical-container-home h1 .fallingDown:nth-of-type(12){animation:fallingDown 1400ms ease-in}#home .vertical-container-home h1 .fallingDown:nth-of-type(13){animation:fallingDown 1450ms ease-in}#home .vertical-container-home h1 .fallingDown:nth-of-type(14){animation:fallingDown 1500ms ease-in}#home .vertical-container-home h1 .fallingDown:nth-of-type(15){animation:fallingDown 1550ms ease-in}#home .vertical-container-home h1 .fallingDown:nth-of-type(16){animation:fallingDown 1600ms ease-in}#home .vertical-container-home h2{text-align:center;font-size:3em}#home .vertical-container-home h3{text-align:center;font-size:2.2em}@media screen and (min-width: 992px) and (max-width: 1200px){#home .vertical-container-home h2{font-size:2.4em}#home .vertical-container-home h3{font-size:1.9em}}@media screen and (max-width: 992px){#home .vertical-container-home h2{font-size:2em}#home .vertical-container-home h3{font-size:1.7em}}@media screen and (max-width: 768px){#home{height:auto}#home .vertical-container-home h1{font-size:2.2em}#home .vertical-container-home h2{font-size:1.6em}#home .vertical-container-home h3{font-size:1.4em}}.card{margin:3% 0;position:relative;z-index:1;display:block;background:#FFFFFF;min-width:220px;height:450px;-webkit-transition:all 0.3s linear 0s;transition:all 0.3s linear 0s}.card:hover{box-shadow:0px 1px 35px 0px rgba(0,0,0,0)}.card:hover .card-thumbnail img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);-webkit-filter:blur(4px);filter:blur(4px);opacity:.6}.card:hover .card-content .card-description{-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;height:70px;-webkit-transform:scaleY(1);-ms-transform:scaleY(1);transform:scaleY(1);opacity:1}.card .card-thumbnail{background:#000000;height:300px;overflow:hidden}.card .card-thumbnail .card-eye{position:absolute;top:20px;right:20px;z-index:1;background:#3f51b5;width:50px;height:50px;border-radius:100%;color:#FFFFFF;font-weight:700;text-align:center;box-sizing:border-box;font-size:30px;line-height:52px;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}.card .card-thumbnail .card-eye:hover{-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;color:#80d8ff}.card .card-thumbnail img{display:block;max-width:100%;-webkit-transition:all 0.3s linear 0s;transition:all 0.3s linear 0s}.card .card-content{position:absolute;bottom:0;background:#FFFFFF;width:100%;padding:30px;box-sizing:border-box;-webkit-transition:all 0.3s cubic-bezier(0.37, 0.75, 0.61, 1.05) 0s;transition:all 0.3s cubic-bezier(0.37, 0.75, 0.61, 1.05) 0s}.card .card-content .card-category{position:absolute;top:-40px;left:0;background:#3f51b5;padding:10px 15px;color:#FFFFFF;font-size:14px;font-weight:600;text-transform:uppercase}.card .card-content .card-title{margin:0;padding:0 0 10px;color:#333333;font-size:26px;font-weight:700}.card .card-content .card-sub_title{margin:0;padding:0 0 10px;color:#3f51b5;font-size:20px;font-weight:400}.card .card-content .card-description{-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;opacity:0;height:0;-webkit-transform:scaleY(0);-ms-transform:scaleY(0);transform:scaleY(0);color:#666666;font-size:14px;line-height:1.8em}.card .card-content .card-link{margin:5px 0 0}.card .card-content .card-link a{text-decoration:none}@media screen and (max-width: 1600px){.card{height:380px}}@media screen and (max-width: 768px){.card{height:300px}.card .card-content{padding:10px}.card .card-content .card-sub_title{padding:0}.card .card-content .card-link{text-align:left;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}.card:hover .card-link{text-align:right;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}}@media screen and (max-width: 375px){.card{height:300px}.card .card-content{min-height:180px;padding:5px}.card .card-content .card-category{font-size:11px;top:-35px}.card .card-content .card-title{padding-bottom:5px}.card .card-content .card-description{margin-bottom:0;font-size:12px}}#project{background-color:#e3f2fd;padding:2% 0}#project .little-row>h2{font-size:2.5em;margin-bottom:30px}@media screen and (max-width: 768px){#project .little-row>h2{font-size:1.6em}}#experience{background-color:#e3f2fd;padding:2% 0}#experience h2{font-size:2.5em;margin-bottom:30px}#experience .quote{background-color:white;position:relative}#experience .quote i{position:absolute;top:5px;left:10px;font-size:25px}#experience .quote blockquote{padding:10px 10px 20px}#experience .quote blockquote footer{font-family:Lato-Medium;color:#82b1ff;text-align:right}#experience .quote blockquote footer span{font-family:Lato-MediumItalic;font-weight:400;font-size:1.12em;color:#3f51b5}@media screen and (max-width: 768px){#experience h2{font-size:1.6em}#experience .quote blockquote{padding:20px 10px 10px;margin:20px 10px}#experience .quote blockquote footer{font-size:0.9em}#experience .quote blockquote footer span{font-size:1em}}#contact{background-color:#e3f2fd;padding:2% 0}#contact h2{font-size:2.5em;margin-bottom:30px}#contact input,#contact textarea{padding:5px;width:100%;max-width:100%;min-width:100%;border:none}#contact textarea{min-height:175px}#contact label{font-size:1.15em;margin:10px 0 5px;display:block}#contact label i{font-size:1.2em}@media screen and (max-width: 768px){#contact h2{font-size:1.6em}}#footer{background-color:#e3f2fd;padding:2% 0 0.5%}#footer p{text-align:center;margin:5px 0}#footer p:first-of-type{font-family:Lato-MediumItalic;font-size:0.9em}#footer p:last-of-type{font-family:Lato-Medium;font-size:1.1em}#page{background-color:#e3f2fd;padding:2% 0;min-height:100%}#page h1{text-align:center;font-size:3.5em;margin-bottom:20px}#page h2{font-size:1.3em;color:#3f51b5;margin:20px 0 0}#page h3{font-size:1.1em;color:#3f51b5;margin:0}#page p{margin:8px 0 12px}#page .chapo{font-size:1.1em;color:#3f51b5;font-family:Lato-MediumItalic}#page .link{color:#3f51b5}#page .link:hover{text-decoration:none}#page .link:before{background-color:#3f51b5}#page .img-container{margin-top:40px}#page .img-container img{max-width:100%;display:block;margin:auto}#page .video-container{margin-top:40px}#page .video-container iframe{display:block;margin:auto;width:560px;height:315px}@media screen and (max-width: 768px){#page h1{font-size:2em}#page .video-container iframe{width:450px;height:253px}}@media screen and (max-width: 500px){#page .video-container iframe{width:283px;height:159px}}@media screen and (max-width: 375px){#page .video-container iframe{width:230px;height:129px}}