@font-face{font-family:'Josefin Sans';font-style:normal;font-weight:100;src:local('Josefin Sans Thin'),local('JosefinSans-Thin'),url(https://fonts.gstatic.com/s/josefinsans/v9/q9w3H4aeBxj0hZ8Osfi3dyU-eqv6n8lOlIZB5nq_8UM.woff2) format('woff2');unicode-range:U+0100-024F,U+1E00-1EFF,U+20A0-20AB,U+20AD-20CF,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Josefin Sans';font-style:normal;font-weight:100;src:local('Josefin Sans Thin'),local('JosefinSans-Thin'),url(https://fonts.gstatic.com/s/josefinsans/v9/q9w3H4aeBxj0hZ8Osfi3d1dBB84BqlWy1BjOnCrU9PY.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215,U+E0FF,U+EFFD,U+F000}@font-face{font-family:Lato;font-style:normal;font-weight:700;src:local('Lato Bold'),local('Lato-Bold'),url(https://fonts.gstatic.com/s/lato/v11/ObQr5XYcoH0WBoUxiaYK3_Y6323mHUZFJMgTvxaG2iE.woff2) format('woff2');unicode-range:U+0100-024F,U+1E00-1EFF,U+20A0-20AB,U+20AD-20CF,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Lato;font-style:normal;font-weight:700;src:local('Lato Bold'),local('Lato-Bold'),url(https://fonts.gstatic.com/s/lato/v11/H2DMvhDLycM56KNuAtbJYA.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215,U+E0FF,U+EFFD,U+F000}*,::after,::before{box-sizing:border-box}body{font-size:80px;font-size:calc(0vw + 80px);background:#222;color:#ccc;font-family:'Josefin Sans',Lato,sans-serif}#clock{font-size:52.5px;font-size:calc(5.5vw + 25px);font-weight:100}section{padding:50px;height:100vh;position:relative}#title{font-size:57.5px;font-size:calc(6.5vw + 25px);font-weight:600;margin:0;text-align:center}#timeline-wrapper{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}#timeline-wrapper .label{font-size:15px;font-size:calc(0vw + 15px);font-weight:700;letter-spacing:.5px;position:absolute;font-family:Lato,'Josefin Sans',sans-serif;text-transform:uppercase;top:0;line-height:10px;padding:0 15px}#timeline-wrapper .label.left{left:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}#timeline-wrapper .label.right{right:0;-webkit-transform:translateX(100%);transform:translateX(100%)}#timeline{position:relative;background-color:#292d84;width:500px;height:10px;border-radius:100px;overflow:hidden;max-width:calc(100vw - 190px)}#timeline #completed{background-color:#f8931f;position:absolute;top:0;left:0;height:10px;width:0;-webkit-transition:width 1s ease;transition:width 1s ease}a.button{position:absolute;bottom:40px;font-size:18px;font-size:calc(0vw + 18px);font-family:Lato,'Josefin Sans',sans-serif;color:#ccc;border:1px solid #ccc;padding:10px;border-radius:5px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);text-decoration:none;-webkit-transition:all .3s ease;transition:all .3s ease}a.button:hover{background-color:#ccc;color:#2e3293}