@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap);*{box-sizing:border-box;font-family:Poppins,sans-serif;margin:0;padding:0;scroll-behavior:smooth}:root{--background-color:#112e42;--main-color:#00abf0;--htm-color:#f06529;--javascript-color:#fdd634;--reactjs-color:#00d8ff;--nodejs-color:#6caa48;--expressjs-color:#01041d;--mongodb-color:#599636;--php-color:#484c89}body{background:#112e42;background:var(--background-color)}.main h1{color:#fff;font-size:50px;margin-bottom:15px;margin-top:50px;text-align:center}.main h1 span{color:#00abf0;color:var(--main-color)}.timeline{margin:100px auto;max-width:1200px;position:relative}.container{animation:movedown 1s linear forwards;opacity:0;padding:10px 50px;position:relative;width:50%}@keyframes movedown{0%{opacity:1;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.container:first-child{animation-delay:0s}.container:nth-child(2){animation-delay:1s}.container:nth-child(3){animation-delay:2s}.container:nth-child(4){animation-delay:3s}.container:nth-child(5){animation-delay:4s}.container:nth-child(6){animation-delay:5s}.container:nth-child(7){animation-delay:6s}.text-box{background:#fff;border-radius:6px;font-size:15px;padding:20px 30px;position:relative}.htmltext{color:#f06529;color:var(--htm-color)}.javascripttext{color:#fdd634;color:var(--javascript-color)}.reactjstext{color:#00d8ff;color:var(--reactjs-color)}.nodejstext{color:#6caa48;color:var(--nodejs-color)}.expressjstext{color:#01041d;color:var(--expressjs-color)}.mongodbext{color:#599636;color:var(--mongodb-color)}.phptext{color:#484c89;color:var(--php-color)}.company{color:#00abf0;color:var(--main-color);font-weight:700;letter-spacing:.1rem}.htmlcard{border:3px solid #f06529;border:3px solid var(--htm-color)}.javascriptcard{border:3px solid #fdd634;border:3px solid var(--javascript-color)}.reactjscard{border:3px solid #00d8ff;border:3px solid var(--reactjs-color)}.nodejscard{border:3px solid #6caa48;border:3px solid var(--nodejs-color)}.expressjscard{border:3px solid #01041d;border:3px solid var(--expressjs-color)}.mongodbcard{border:3px solid #599636;border:3px solid var(--mongodb-color)}.phpcard{border:3px solid #484c89;border:3px solid var(--php-color)}.left-container{left:0}.right-container{left:50%}.container img{border-radius:50%;position:absolute;right:-20px;top:32px;width:45px;z-index:10}.right-container img{left:-20px}.timeline:after{animation:moveline 6s linear forwards;background:#00abf0;background:var(--main-color);content:"";height:100%;left:50%;margin-left:-3px;position:absolute;top:0;width:6px;z-index:-1}@keyframes moveline{0%{height:0}to{height:100%}}.text-box small{display:inline-block;margin-bottom:15px}.left-container-arrow{right:-15px}.left-container-arrow,.right-container-arrow{height:0;position:absolute;top:38px;width:100px;z-index:-1}.right-container-arrow{left:-15px}.htmlarrow{border:5px solid #f06529;border:5px solid var(--htm-color)}.javascriptarrow{border:5px solid #fdd634;border:5px solid var(--javascript-color)}.reactjsarrow{border:5px solid #00d8ff;border:5px solid var(--reactjs-color)}.nodejsarrow{border:5px solid #6caa48;border:5px solid var(--nodejs-color)}.expressjsarrow{border:5px solid #01041d;border:5px solid var(--expressjs-color)}.mongodbarrow{border:5px solid #599636;border:5px solid var(--mongodb-color)}.phparrow{border:5px solid #484c89;border:5px solid var(--php-color)}@media screen and (max-width:600px){.timeline{margin:50px auto}.timeline:after{left:31px}.container{padding-left:80px;padding-right:25px;width:100%}.text-box{font-size:13px}.text-box small{margin-bottom:10px}.right-container{left:0}.left-container img,.right-container img{left:10px}.left-container-arrow,.right-container-arrow{left:-15px}}.number-circle{align-items:center;background-color:#6a0dad;border-radius:50%;color:#fff;display:flex;font-size:20px;font-weight:700;height:40px;justify-content:center;margin-right:15px;width:40px}
/*# sourceMappingURL=main.9e94ad9f.css.map*/