button,h1,h4,label,p,select{font-family:Roboto,sans-serif;color:#fff}h1{font-weight:700}button,h4,label,p,select{font-weight:400}.line{transform:translate(50%,50%)}.container{position:relative;background:#eeaeca;background:linear-gradient(145deg,rgba(238,174,202,1) 0,rgba(148,187,233,1) 100%);height:100vh;margin:0;box-sizing:border-box}.container::after{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;background:linear-gradient(145deg,rgba(148,187,233,1) 0,rgba(238,174,202,1) 100%);content:'';z-index:1;transition:opacity 2s;transition-timing-function:opacity ease}button,select{background:0 0;font-size:15px}.info,.svg-container{z-index:2;position:absolute}.container.gradient-two::after{opacity:1}.svg-container{top:15vh;left:5vw;box-sizing:border-box}.info{top:85vh;left:20px}.text{position:absolute;top:0;left:0;padding-left:20px;z-index:3}select{border:2px solid #fff;border-radius:5px;margin-bottom:20px}button{border:2px solid #fff;border-radius:5px;padding:4px 6px}button:hover{background:#fff;color:rgba(238,174,202,1)}