@import url(https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Josefin+Sans:ital@1&family=Nunito:wght@500;700&family=Playfair+Display:ital,wght@0,600;0,700;1,400;1,600&family=Poppins:ital@1&display=swap);.i{height:100vh}.i,.i-left{display:flex}.i-left{align-items:center;flex:1 1;justify-content:center;-webkit-transform:translateY(70px);transform:translateY(70px)}.i-right{flex:1 1;position:relative}.i-left-wrapper{display:flex;flex-direction:column;height:90%;padding:50px}.i-intro{font-size:30px;font-weight:400}.i-name{-webkit-text-fill-color:transparent;background:red;background:linear-gradient(90deg,red 0,#ff0 25%,#05c1ff 50%,#ff0 75%,red);-webkit-background-clip:text;font-size:60px}.i-title{height:60px;overflow:hidden}.i-title-item{align-items:center;color:#f39c12;display:flex;font-size:30px;font-weight:700;height:50px}.i-title-wrapper{-webkit-animation:move 10s ease-in-out infinite alternate;animation:move 10s ease-in-out infinite alternate;height:100%}@-webkit-keyframes move{25%{-webkit-transform:translateY(-50px);transform:translateY(-50px)}50%{-webkit-transform:translateY(-100px);transform:translateY(-100px)}75%{-webkit-transform:translateY(-150px);transform:translateY(-150px)}to{-webkit-transform:translateY(-200px);transform:translateY(-200px)}}@keyframes move{25%{-webkit-transform:translateY(-50px);transform:translateY(-50px)}50%{-webkit-transform:translateY(-100px);transform:translateY(-100px)}75%{-webkit-transform:translateY(-150px);transform:translateY(-150px)}to{-webkit-transform:translateY(-200px);transform:translateY(-200px)}}.i-img{-webkit-animation:anie 1.5s linear .6s infinite alternate;animation:anie 1.5s linear .6s infinite alternate;height:90%;margin:0 25%;max-width:100%;object-fit:cover;top:10px;transition:.5s}.i-img,.i1,.i2,.i3,.i4,.i5{background-position:50%;background-repeat:no-repeat;position:absolute}.i1,.i2,.i3,.i4,.i5{height:15%;width:15%}@-webkit-keyframes anie{0%{top:-10px}to{top:10px}}@keyframes anie{0%{top:-10px}to{top:10px}}.i1{left:70%}.i1,.i3{-webkit-animation:anie 1.5s linear .6s infinite alternate;animation:anie 1.5s linear .6s infinite alternate}.i3{left:20%}.i4{left:70%}.i4,.i5{-webkit-animation:anie1 1.5s linear .6s infinite alternate;animation:anie1 1.5s linear .6s infinite alternate;top:60%}.i5{left:20%}@-webkit-keyframes anie1{0%{top:65%}to{top:55%}}@keyframes anie1{0%{top:65%}to{top:55%}}.i-img1{background-position:50%;background-repeat:no-repeat;height:auto;margin:25% 0;object-fit:cover;overflow:hidden}.i-bg,.i-img1{position:absolute;width:100%}.i-bg{background:#00ebc7;-webkit-clip-path:polygon(25% 0,100% 0,100% 100%,25% 100%,0 50%);clip-path:polygon(25% 0,100% 0,100% 100%,25% 100%,0 50%);height:37rem;right:0;top:0}.i-svg{-webkit-animation:ani 1.5s infinite;animation:ani 1.5s infinite;height:60px;position:absolute;-webkit-transform:translateY(150%);transform:translateY(150%);width:50px}.i-desc{font-family:Nunito,sans-serif;font-size:1.1rem;font-weight:500;line-height:1.5;margin-top:30px}@-webkit-keyframes ani{0%{opacity:0}50%{opacity:0}to{opacity:1}}@keyframes ani{0%{opacity:0}50%{opacity:0}to{opacity:1}}@media screen and (max-width:480px){.i{flex-direction:column}.i-left-wrapper{align-items:center;padding:10px;text-align:center}.i-bg,.i-img{height:100%}.i-desc{margin-bottom:20px}.i-svg{display:none}.i-left{-webkit-transform:translateY(10px);transform:translateY(10px)}}.c{height:auto;position:relative;-webkit-transform:translateY(0);transform:translateY(0)}.c-bg{background-color:#6495ed;height:35rem;position:absolute;width:20px}.c-wrapper{display:flex;padding:50px}.c-left,.c-right{flex:1 1}.c-title{font-size:50px;width:80%}.c-info{-webkit-transform:translateY(0);transform:translateY(0)}.c-info-item{align-items:center;cursor:pointer;display:flex;font-weight:400;margin:50px 0;width:70%}.c-icon{height:30px;margin-right:20px;width:30px}.c-info-item .c-icon1{cursor:pointer;font-size:25px;height:25px;margin-right:20px;width:25px}.c-info-item #so{font-weight:800;text-decoration:none}.c-desc{font-size:1.3rem;font-weight:200}form{margin-top:20px}input{border:none;border-bottom:1px solid #000;height:50px;width:50%}input,textarea{font-size:14px;margin:10px 0;padding-left:10px}textarea{width:100%}button{background-color:#59b256;border:none;color:#fff;cursor:pointer;font-weight:500;padding:15px}@media screen and (max-width:480px){.c-wrapper{flex-direction:column;height:100vh;padding:0 50px}.c-title{font-size:30px}.c-info-item{margin:20px 0;width:100%}.c-desc{display:none}form{display:flex;flex-wrap:wrap;margin-top:0}input{height:40px;margin:10px 10px 10px 0;width:35%}button{margin-top:10px}.c-bg{height:100%}.c{height:100vh}}.a{align-items:center;display:flex;height:100vh;-webkit-transform:translateY(1rem);transform:translateY(1rem)}.a-left{height:100%;position:relative}.a-left,.a-right{flex:1 1}.canvas1{margin-left:10px}.a-card{border-radius:30px;height:70vh;justify-content:center;margin:0 auto;overflow:hidden;position:absolute;width:70%;z-index:1}.a-img{height:100%;object-fit:cover;width:100%}.a-card.bg{background-color:#000;left:50px;position:absolute;top:50px}.a-award-img{border-radius:20px;height:120px;width:120px}.a-title{font-size:50px;font-weight:400}.a-sub{margin:20px 0}.a-desc{font-weight:300}.a-award{align-items:center;display:flex;justify-content:space-between;margin-top:50px}.a-award-texts{display:none;width:75%}.a-award-title{color:#555;font-weight:700;margin-bottom:10px}.resume{background-color:#fff;color:#000;font-size:1.1rem;font-weight:600}#icon{bottom:-2px;font-size:1.5rem;margin-left:10px;position:relative}@media screen and (max-width:480px){.a{flex-direction:column;margin-top:50px;text-align:center}.a-card,.a-left{width:100%}.a-card{height:100%}.a-award,.a-card.bg{display:none}.canvas1{height:100%;margin-top:-150px;width:100%}.a-right{padding:20px}}.App{box-sizing:border-box;font-family:sans-serif;height:100vh;margin:0;padding:0;text-align:center}.canvas{height:500px}.canvas1{height:100%;width:100%}.pl{align-items:center;display:flex;flex-direction:column;padding:50px;position:relative;text-align:center}.pl-texts{width:70%}.pl-title{font-size:50px;font-weight:600}.pl-desc{margin:20px 0}.pl-list{display:flex;flex-wrap:wrap;justify-content:space-between;width:100%}@media screen and (max-width:480px){.pl{padding:10px}.pl-texts{width:100%}.pl-desc{display:none}}.p{border:2px solid #ecf0f1;border-radius:10px 10px 0 0;height:40vh;margin:20px 10px;overflow:hidden;width:30%}.p-browser{align-items:center;background-color:#f3f2f2;display:flex;height:20px;position:-webkit-sticky;position:sticky;z-index:2}.p-circle{background-color:#fff;border-radius:50%;height:6px;margin:3px;width:6px}.p-img{transition:all 9s ease;width:100%}.p:hover .p-img{-webkit-transform:translateY(-100%);transform:translateY(-100%)}@media screen and (max-width:480px){.p{height:20vh;width:40%}}.t{align-items:center;background-color:#fff;border:1.5px solid #999;border-radius:20px;display:flex;height:25px;justify-content:space-around;position:fixed;right:10px;top:10px;width:50px;z-index:999}.t-icon{height:15px;width:15px}.t-button{background-color:#999;border-radius:50%;cursor:pointer;height:25px;position:absolute;width:25px}.back{background-color:#000}.box{display:flex;height:100vh;justify-content:center}.jo{background-color:#000;color:#000;height:25px;width:25px}.chrono-icons,.jo{font-size:2rem}.header{display:none;position:relative}.header .h-it{display:flex;justify-content:center}.header .h-it .p1{cursor:pointer;display:block;font-size:18px;font-weight:700;padding:10px 20px;text-align:center;text-shadow:1.1px 1.1px #fff}@media (min-width:400px) and (max-width:700px){.header{display:none}}.box{height:90vh;width:100%}.box .icon-con h1{font-size:50px;margin:0 auto;text-align:center}.icon-con{max-width:100%}.con1{display:grid;grid-auto-rows:150px;grid-template-columns:30% 30% 30% 30%;height:70%;margin-top:10%;width:100%}a{height:60px;position:relative;-webkit-transform:perspective(500px) rotateY(23deg);transform:perspective(500px) rotateY(23deg);-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transition:2s;width:80px}a:hover{-webkit-transform:perspective(500px)rotateY(385deg);transform:perspective(500px)rotateY(385deg)}a span{align-items:center;background:#fff;box-sizing:border-box;color:#333;display:block;display:flex;font-size:24px;height:100%;justify-content:center;left:0;letter-spacing:2px;position:absolute;text-transform:uppercase;top:0;width:100%}a span:first-child{-webkit-transform:translateZ(20px);transform:translateZ(20px)}a span:first-child,a span:nth-child(4){border-left:6px solid #65cbf9;border-right:6px solid #65cbf9}a span:nth-child(4){-webkit-transform:translateZ(-10px);transform:translateZ(-10px)}a span:nth-child(2),a span:nth-child(3){background:#0095d8;height:100%;width:40px}a span:nth-child(2){-webkit-transform:rotateY(90deg) translateZ(60px);transform:rotateY(90deg) translateZ(60px)}a span:nth-child(3){-webkit-transform:rotateY(90deg) translateZ(-20px);transform:rotateY(90deg) translateZ(-20px)}a span img{height:80px;width:100px}@media screen and (max-width:480px){.con1{grid-template-columns:35% 35% 35%}}:root{--color:#3c3163;--transition-time:0.5s}.cards-wrapper{grid-gap:4rem;align-items:center;display:grid;grid-template-columns:1fr 1fr 1fr;justify-content:center;margin:0 auto;padding:4rem;width:-webkit-max-content;width:max-content}.card{--bg-filter-opacity:0.5;align-items:flex-end;background-image:linear-gradient(rgba(0,0,0,var(--bg-filter-opacity)),rgba(0,0,0,var(--bg-filter-opacity)));background-position:50%;background-size:cover;border:10px solid #ccc;border-radius:1em;box-shadow:0 0 5em -1em #000;color:#fff;display:flex;font-family:Heebo;font-size:1.5em;height:20em;overflow:hidden;padding:1em;position:relative;text-decoration:none;transition:all,.5s;transition:all,var(--transition-time);width:12em}.card:hover{-webkit-transform:rotate(0);transform:rotate(0)}.card h1{font-size:1.5em;line-height:1.2em;margin:0}.card p{font-family:Open Sans;font-size:.75em;line-height:2em;margin-top:.5em}.card .tags{display:flex}.card .tags .tag{background:hsla(0,0%,100%,.5);border-radius:.3rem;font-size:.75em;line-height:1.5em;margin-right:.5em;padding:0 .5em;transition:all,.5s;transition:all,var(--transition-time)}.card:hover .tags .tag{background:#3c3163;background:var(--color);color:#fff}.card .date{font-size:.75em;line-height:1em;opacity:.8;padding:1em;position:absolute;right:0;top:0}.card:after,.card:before{border-radius:50%;content:"";left:-50%;position:absolute;top:-50%;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:top left;transform-origin:top left;transition:all,.5s;transition:all,var(--transition-time);transition-timing-function:ease-in-out;z-index:-5}.card:before{background:#ddd;height:250%;width:250%}.card:after{background:#fff;height:200%;width:200%}.card:hover{color:#3c3163;color:var(--color)}.card:hover:after,.card:hover:before{-webkit-transform:scale(1);transform:scale(1)}.card-grid-space .num{font-size:3em;margin-bottom:1.2rem;margin-left:1rem}.info{display:flex;font-size:1.2em;height:3em;padding:1em 3em}.info img{height:3em;margin-right:.5em}.info h1{font-size:1em;font-weight:400}@media screen and (max-width:1285px){.cards-wrapper{grid-template-columns:1fr 1fr}}@media screen and (max-width:900px){.cards-wrapper{grid-gap:7.5rem;grid-template-columns:1fr}.info{justify-content:center}}@media screen and (max-width:500px){.cards-wrapper{grid-gap:7rem;padding:4rem 2rem}.card{max-width:calc(100vw - 4rem)}}@media screen and (max-width:450px){.info{display:block;text-align:center}.info h1{margin:0}}
/*# sourceMappingURL=main.231fdcc2.css.map*/