@import url(https://fonts.googleapis.com/css2?family=Lato&display=swap);*{box-sizing:border-box}body{align-items:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);display:flex;flex-direction:column;font-family:Lato,sans-serif;justify-content:center;margin:0;min-height:100vh}h1{text-align:center}.timeline-container{display:flex;flex-direction:column;margin:40px 0;position:relative}.timeline-container:after{background-color:#e17b77;content:"";height:100%;left:calc(50% - 2px);position:absolute;width:4px}.timeline-item{display:flex;justify-content:flex-end;margin:10px 0;padding-right:30px;position:relative;width:50%}.timeline-item:nth-child(odd){align-self:flex-end;justify-content:flex-start;padding-left:30px;padding-right:0}.timeline-item-content{align-items:flex-end;background-color:#fff;border-radius:5px;box-shadow:0 0 5px rgba(0,0,0,.3);display:flex;flex-direction:column;max-width:70%;padding:15px;position:relative;text-align:right;width:900px}.timeline-item-content:after{background-color:#fff;box-shadow:1px -1px 1px rgba(0,0,0,.2);content:"";height:15px;position:absolute;right:-7.5px;top:calc(50% - 7.5px);-webkit-transform:rotate(45deg);transform:rotate(45deg);width:15px}.timeline-item:nth-child(odd) .timeline-item-content{align-items:flex-start;text-align:left}.timeline-item:nth-child(odd) .timeline-item-content:after{box-shadow:-1px 1px 1px rgba(0,0,0,.2);left:-7.5px;right:auto}.timeline-item-content .tag{border-radius:2px;color:#fff;font-size:12px;font-weight:700;left:5px;letter-spacing:1px;padding:5px;position:absolute;text-transform:uppercase;top:5px}.timeline-item:nth-child(odd) .timeline-item-content .tag{left:auto;right:5px}.timeline-item-content time{color:#777;font-size:14px}.timeline-item-content p{font-size:16px;line-height:24px;margin:15px 0;max-width:350px}.timeline-item-content a{border-radius:2px;color:#333;font-size:14px;padding:1px 5px 3px;text-decoration:none}.timeline-item-content a:after{content:"\00bb";font-size:18px;margin-left:3px}.timeline-item-content a:hover{box-shadow:inset 100px 0 0 0 #ffd500;color:#fff;transition:all 1s ease}.timeline-item-content .circle{background-color:#fff;border:4px solid #e17b77;border-radius:50%;height:30px;position:absolute;right:-45px;top:calc(50% - 15px);width:30px;z-index:100}.timeline-item:nth-child(odd) .timeline-item-content .circle{left:-45px;right:auto}@media (max-width:768px){.timeline-item-content,.timeline-item:nth-child(odd) .timeline-item-content{align-items:center;text-align:center}.timeline-item:nth-child(odd) .timeline-item-content{height:26vh}.timeline-item{align-self:center;justify-content:flex;margin-right:calc(100% - 967px)}.timeline-item:nth-child(odd){align-self:flex;justify-content:flex;margin-right:210px;padding-left:0;padding-right:30px}.timeline-item-content .circle,.timeline-item:nth-child(odd) .timeline-item-content .circle{left:auto;right:-45px}.timeline-item:nth-child(odd) .timeline-item-content:after{box-shadow:1px -1px 1px rgba(0,0,0,.2);left:auto;right:-7.5px}.timeline-item-content .tag{width:calc(100% - 10px)}.timeline-item-content time{margin-top:20px}.timeline-container:after{left:67.25%}}
/*# sourceMappingURL=main.3e6ec96e.css.map*/