*,:after,:before{box-sizing:border-box;padding:0;margin:0}body{background:#555;font-family:"Roboto",sans-serif}header{width:100%;height:75px;justify-content:space-between;background:#d15b5b}header,header .start{display:flex;align-items:center}header .start{margin-left:10px}header .start .far{font-size:50px}header .start h2{font-size:30px}header .nav-info{position:fixed;width:210px;height:100vh;top:0;display:none;flex-direction:column;background:#d15b5b}header .nav-info.active{display:flex!important}header .nav-info .cloneStart{height:10%;margin-top:27px}header .nav-info .cloneStart,header .nav-info .list{display:flex;justify-content:center;align-self:center}header .nav-info .list{height:calc(70vh - 10%)}header .nav-info .list ul{height:100%;text-align:center;font-size:30px;list-style:none;display:flex;flex-direction:column;justify-content:space-evenly}header .nav-info ul li{padding:20px}header .nav-info .portfolio{height:calc(30vh - 10%);text-align:center;font-size:30px;justify-self:flex-end;display:flex;justify-content:center;align-items:center}header .center{margin-right:0;display:flex;align-items:center;width:40%}header .center form{width:100%;display:flex}header .center form input{width:80%;height:30px;background:#db9696;border:none;box-shadow:0 0 5px #333;font-size:25px;margin-right:5px}header .center form .fas{font-size:40px}header .end{margin-right:10px;font-size:30px;text-align:center}@media screen and (max-width:800px){header .center{width:0}header .center form input,header .end.active,header .start.active{display:none}header .center.active{display:flex;align-items:center;width:95%;margin-right:5%}header .center.active form input{display:block;margin-left:10%;margin-right:5px}}@media screen and (max-width:400px){header .end,header .start h2{display:none}header .center form a{margin:auto}header .center{width:95%;margin-right:5%}}@media screen and (max-height:600px){header .nav-info .cloneStart{margin-top:15px}header .nav-info .list{height:calc(70vh - 10% + 15px)}header .nav-info .list ul{height:100%;text-align:center;font-size:30px;list-style:none;display:flex;flex-direction:column;justify-content:flex-end}header .nav-info ul li{padding:20px}header .nav-info .portfolio{height:50px;text-align:center;font-size:30px;justify-self:flex-end;display:flex;justify-content:center;align-items:center}}.cardMiniature{width:315px;height:300px;margin:20px 20px 20px 1rem;box-shadow:0 0 10px #333}@media screen and (max-width:350px){.cardMiniature{margin:20px 0}}.cardMiniature .div-video{width:100%}.cardMiniature .div-video video{width:100%;height:100%}.cardMiniature .div-text{width:100%;height:30%;color:#fdf5f8}.cardMiniature .div-text h3{font-size:30px;margin-left:5px}.cardMiniature .div-text .info{display:flex;flex-direction:column;margin:5px 10px 15px}.cardMiniature .div-text .info i{position:relative;font-size:40px;width:40px;top:-50px;left:260px;cursor:pointer}.cards{width:100%;height:auto;display:flex;flex-wrap:wrap;justify-content:center}.cards.move{margin-left:200px;width:calc(100% - 200px)}.cardsVideo{width:70%}.cardsVideo.move{margin-left:200px;width:calc(80% - 200px)}.flex-cards{display:flex;margin-top:20px}.flexVideo{margin-top:50px;width:30%;display:flex;flex-direction:column;align-items:center}.flexVideo h2{font-size:30px;color:#f1f1f1}@media screen and (max-width:1350px){.cardsVideo{width:90%}.flex-cards{justify-content:center}.flex-cards,.flexVideo{flex-direction:column;align-items:center}.flexVideo{margin-top:50px;width:100%;display:flex}.flexVideo .text h2{font-size:45px}.flexVideo .videoReco{display:flex;width:80%;flex-wrap:wrap;flex-shrink:1;justify-content:center}}@media screen and (max-width:400px){.flexVideo .text h2{font-size:35px}}.cardVideo{width:100%;margin:20px 20px 20px 1rem;box-shadow:0 0 10px #333}@media screen and (max-width:1350px){.cardVideo{margin:0}}.cardVideo .div-video{width:100%}.cardVideo .div-video video{width:100%;height:100%}.cardVideo .div-text{width:100%;height:30%;color:#fdf5f8}.cardVideo .div-text h3{font-size:30px;margin-left:5px}.cardVideo .div-text .info{display:flex;flex-direction:column;margin:5px 10px 15px}.cardVideo .div-text .info i{position:relative;font-size:40px;width:40px;top:-50px;left:calc(100% - 50px);cursor:pointer}.form-content{width:100%;margin:20px 20px 20px 1rem;display:flex;flex-direction:column}.form-content h2{margin-top:20px;font-size:40px;color:#f1f1f1}@media screen and (max-width:650px){.form-content{width:100%;margin:20px 0}.form-content h2{font-size:30px}}.form-content label{position:relative;font-size:28px;top:35px;color:#f1f1f1;transition:top 1s ease-out}.form-content label.move{top:0}.form-content textarea{background:none;width:100%;height:100px;border:1px solid #f1f1f1;resize:none;margin-bottom:20px;font-size:28px;color:#f1f1f1}.form-content button{width:200px;padding:5px;border-radius:2px;background:none;color:#f1f1f1;margin:auto auto 50px}@media screen and (max-width:650px){.form-content label{font-size:22px;top:30px}.form-content label.move{top:0}.form-content textarea{height:150px;font-size:22px}}.comment{width:100%;margin:20px 20px 20px 1rem}.comment h3{font-size:25px;margin-bottom:5px;color:#f1f1f1}.comment p{font-size:23px;color:#ccc;margin-bottom:30px}@media screen and (max-width:400px){.comment{margin:20px 0}}.cards-form{width:100%;height:500px;display:flex;flex-direction:column;align-items:center}.cards-form h2{margin:20px 0 0;font-size:50px;color:#cf9999;background:#000;width:50%;text-align:center}.cards-form form{border:3px solid #000;width:50%;height:500px;background:#cf9999}.cards-form form,.cards-form form .element{display:flex;flex-direction:column;align-items:center}.cards-form form .element{margin:3% 0;justify-content:center}.cards-form form .element label{position:relative;width:300px;margin-bottom:3px;font-size:30px;text-align:center}.cards-form form .element input{background:none;height:25px;font-size:20px;border:none;border-bottom:1px solid #333}.cards-form form .element:first-child input{border:none!important}.cards-form form .element input#input-file{display:none;width:20%}.cards-form form .element input#input-file+label{background:#a33737;padding:0;border-radius:5px;border:2px solid #b63d3d;font-size:20px;cursor:pointer}.cards-form form .element span{text-align:center}.cards-form form .element button{background:#b63d3d;padding:10px 15px;border:1px solid #6e2626;outline:none;border-radius:5px}.cards-form form .element button.loading{background:#000}@media screen and (max-width:1220px){.cards-form form,.cards-form h2{width:75%}}@media screen and (max-width:600px){.cards-form form,.cards-form h2{width:90%}}
/*# sourceMappingURL=main.2a549d87.chunk.css.map */