@import url(https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,100..900;1,100..900&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;min-height:100vh;min-height:-webkit-fill-available}html{scroll-behavior:smooth}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body,html{height:100%;margin:0;padding:0}*{font-family:Archivo,sans-serif;font-optical-sizing:auto;font-style:normal;font-variation-settings:"wdth" 100;font-weight:100}.App{align-items:center;display:flex;flex-direction:column;height:90vh;justify-content:center;text-align:center}a{color:#000;text-decoration:none}h1,h2,h3{font-family:Archivo,sans-serif;font-weight:700}h2{margin:0}a,body,li,p{font-family:Archivo,sans-serif;font-weight:400;line-height:1.6}.page-container.fade{animation:fadein .3s ease-in}@keyframes fadein{0%{opacity:0}to{opacity:1}}@media screen and (max-width:768px){.App{height:80dvh}}.home-container{align-items:center;display:flex;flex-direction:column;height:90vh;justify-content:center;width:90%}.projects-container{animation:fadeIn 1s ease forwards;display:flex;flex-direction:column;height:100%;opacity:0}.projects-block,.projects-container{justify-content:space-between;width:100%}.projects-block{grid-gap:30px;-ms-overflow-style:none;display:grid;gap:30px;grid-template-columns:repeat(4,1fr);height:75%;overflow:scroll;position:relative;scrollbar-width:none}.project{align-items:center;display:flex;flex-direction:column;justify-content:center}.project p{font-weight:100}.project p:hover{cursor:pointer}.projects-container img{cursor:pointer;width:100%}.image-container{left:50%;max-height:100%;max-width:100%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .5s ease-in-out;z-index:-1}.video-desktop{height:auto;object-fit:cover;width:100%}.title-container{height:25%;width:100%}.title-block{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.text-image{background-clip:text;-webkit-background-clip:text;background-position:50%;background-repeat:no-repeat;background-size:cover;color:#0000;font-size:2em;font-weight:700;opacity:0;text-align:center;transition:fadeOut .5s ease-in-out;width:fit-content}.video-container{display:flex;flex-direction:column;height:90vh;overflow:scroll;scroll-behavior:smooth;width:100%}.video-container::-webkit-scrollbar{display:none}.video-container{-ms-overflow-style:none;scrollbar-width:none}.video-block{align-items:center;display:flex;flex-direction:column;height:90dvh;height:90vh;justify-content:center;width:100%}.options,.work-credits{height:10%;width:100%}.options{align-items:center;bottom:0;display:flex;flex-direction:row;justify-content:center}.credit-block{align-items:center;height:90vh}.credit-block,.credits{display:flex;flex-direction:column;justify-content:center;width:100%}.credits{height:30%}.credits-container{flex-direction:column;height:90%}.credits-container,.credits-title{display:flex;justify-content:center}.credits-title{align-items:center;height:10%;margin-bottom:10px}.credits-title h2{text-align:left}.credit-text{max-height:90%;max-width:100%;overflow-y:scroll;text-align:center}.credit-text::-webkit-scrollbar{display:none}.credit-text{-ms-overflow-style:none;scrollbar-width:none}.behind-block{align-items:center;color:#fff;display:flex;height:70%;justify-content:center;width:100%}.behind-block,.carousel-slide,.project h3,.project img,.video-container{-webkit-user-select:none;user-select:none}.fade-in{animation:fadeIn .5s ease forwards}.fade-out{animation:fadeOut .5s ease forwards}@keyframes fadeOut{0%{opacity:1;pointer-events:auto}to{opacity:0;pointer-events:none}}@media screen and (max-width:768px){.home-container{height:100%}.projects-block{display:flex;flex-direction:column;gap:0;height:80dvh}.text-image,.title-container{height:0;width:0}.video-project{margin:2rem auto;max-width:600px;position:relative;width:100%}.video-mobile{display:block;height:auto;width:100%}.title-mobile{color:#fff;font-size:1em;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}.video-container{height:100%}.video-block{height:80dvh}.options{justify-content:space-evenly}.credit-block{flex-direction:column;height:160dvh}.credits{height:80dvh;justify-content:center;width:90%}.credits-container{display:flex;flex-direction:column;justify-content:center;max-height:100%}.behind-block{height:80dvh;width:100%}}.main-box{align-items:center;display:flex;height:100%;justify-content:center;width:90%}.carousel{overflow:hidden;position:relative}.carousel,.carousel-container,.carousel-inner,.carousel-item{height:100%;width:100%}.carousel-item{display:none}.carousel-item.active{align-items:center;display:flex;justify-content:center}.carousel-item img{margin:auto;max-height:100%;max-width:90%;object-fit:contain}.carousel-left,.carousel-right{cursor:pointer;height:100%;position:absolute;top:0;width:50%}.carousel-left{cursor:w-resize;left:0}.carousel-right{cursor:e-resize;right:0}@media screen and (max-width:768px){.main-box{align-items:center;display:flex;height:80vh;justify-content:center;width:100%}}.main-title{align-items:center;background-color:#fff;color:#fff;display:flex;justify-content:center;opacity:1;text-align:center;transition:opacity .6s ease-in-out;width:100vw;z-index:999}.background-video,.main-title{height:100dvh;left:0;position:absolute;top:0}.background-video{background-position:50%;background-size:cover;overflow:hidden;width:100%;z-index:-1}#myVideo{height:100%;object-fit:cover;width:100%;z-index:-1}.sebas-name{align-items:center;display:flex;justify-content:center;position:relative;width:100%;z-index:10}.sebas-name img{cursor:pointer;display:block;height:auto;object-fit:contain;width:25%;z-index:10}.main-title.fade-out{opacity:0;pointer-events:none}.about-container{animation:fadeIn .6s ease forwards;display:flex;flex-direction:column;height:80vh;justify-content:center;opacity:0;overflow:scroll;width:90%}.video-about{left:50%;max-height:100%;max-width:100%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:-1}.video-about-block{width:75%}.description-block span{font-weight:700}.about-container a{font-weight:100}.about-ul{list-style-type:none}.about-ul li{font-weight:100;margin:0}.about-container::-webkit-scrollbar{display:none}.about-container{-ms-overflow-style:none;scrollbar-width:none}@media screen and (max-width:768px){.about-container{justify-content:normal}}@media screen and (max-height:1050px){.about-container{justify-content:normal}}@media screen and (max-height:750px){.video-about-block{width:70%}}.contact-container{-ms-overflow-style:none;align-items:center;animation:fadeIn 1s ease forwards;display:flex;flex-direction:column;height:100%;justify-content:center;margin:0;opacity:0;overflow-x:hidden;overflow-y:auto;padding:0;width:100%}.pic-shown,.pic-shown a{color:#fff}.pic-shown .logo{-webkit-filter:invert(100%)}.picture-mobile-contact{width:70%}@keyframes fadeIn{to{opacity:1}}.picture-contact{left:50%;max-height:100%;max-width:100%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:-1}.sebasfoto{width:500px}.email-block{margin-bottom:10px}.logo{margin:5px;width:25px}.social-networks{display:flex;flex-direction:row}.title{font-weight:700}.music-videos-contact{font-weight:400;margin-bottom:20px}.me{font-weight:700}@media screen and (max-width:1000px){.sebasfoto{width:400px}}@media screen and (max-width:768px){.sebasfoto{width:250px}.contact-container{height:100%;width:100vw}}.header{background-color:initial;height:5vh;width:100%}.header-ul{display:flex;flex-direction:row;height:5vh;list-style-type:none;margin:0 auto;overflow:hidden;position:sticky;top:0;width:90%}.header-name{align-items:center;display:flex;justify-content:flex-start;width:50%}.sebas-logo{width:100px}@media screen and (max-width:768px){.header,.header-ul{height:10dvh}}.footer{background-color:initial;height:5vh;width:100%}ul{margin:0;padding:0}.footer-ul{display:flex;flex-direction:row;height:5vh;list-style-type:none;margin:0 auto;overflow:hidden;position:sticky;top:0;width:90%}.footer-name{justify-content:flex-start}.footer-name,.work-text{align-items:center;display:flex;width:50%}.work-text{justify-content:flex-end}@media screen and (max-width:768px){.footer,.footer-ul{height:10dvh}}
/*# sourceMappingURL=main.acfc44b7.css.map*/