@import"https://fonts.googleapis.com/css2?family=Libre+Franklin:wght@300;600;700&display=swap";*{box-sizing:border-box;border:none;margin:0;padding:0;outline:0;font:300 15px Libre Franklin,sans-serif;text-align:center;transition:all .6s}.success{border:1px solid hsla(154,59%,51%,.514)}.error{border:none}.error_style{text-align:left;border:1px solid rgba(255,0,0,.425);margin-bottom:20px}#form_box.error p.error_message{visibility:visible}.error_message{top:70px;left:46px;position:absolute;font-size:.7rem;color:#ff0000e0}body,#root{transition:none;padding:5px;width:100vw;min-height:100vh;display:flex;align-items:center;justify-content:center}#main_container{padding:30px;width:370px;height:800px}#header_box{display:flex;flex-direction:column;justify-content:space-between;align-items:center;margin-top:35px;height:115px}#logo_image{width:55px}.header_title{word-spacing:1px;color:#969696;font-size:1.4rem;margin-bottom:-15px}#title_span{color:#151f29;font-weight:700}#info{color:#000;font-size:.8rem;font-weight:300}#form_box{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;height:180px}.input_styles{border-radius:20px;width:90%;padding:10px}#email_box{transition:none;font-size:.8rem;text-align:left;margin-top:-30px;padding-left:30px}.email_box_border{margin-bottom:10px;border:1px solid hsl(223,100%,88%)}#button_box{color:#fff;background-color:#4f7df3;font-size:.8rem;font-weight:600;cursor:pointer}#button_box:hover{font-size:13px;background-color:#4f7df3a9}#email_box::placeholder{font-size:.8rem;color:#c2d3ff}#dashboard_image{width:100%}#footer_box{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:190px}#social_icons{display:flex;width:140px;justify-content:space-around;margin-bottom:-15px}.social_icon{background-color:#4f7df3;width:18%;cursor:pointer}#face{border-radius:15px}#insta{border-radius:6px}#twitter{border-radius:2px}.social_icon:hover{background-color:#4f7df3a9}#copyright{font-size:.7rem;margin-top:30px}@media screen and (min-width: 640px){*{box-sizing:border-box;border:none;margin:0;padding:0;outline:0;font:300 15px Libre Franklin,sans-serif;text-align:center}.error_message{bottom:15px;left:290px;position:absolute;font-size:.7rem;color:#ff0000e0}body,#root{padding:5px;width:99vw;min-height:99vh;display:flex;flex-direction:row;align-items:center;justify-content:center}#main_container{padding:30px;width:970px;height:700px}#header_box{display:flex;flex-direction:column;justify-content:space-between;align-items:center;margin-top:10px;height:120px}#logo_image{width:60px}.header_title{word-spacing:1px;color:#969696;font-size:2.1rem;margin-bottom:-20px}#title_span{color:#151f29;font-weight:700}#info{color:#000;font-size:.9rem;font-weight:300}#form_box{display:flex;flex-direction:row;align-items:center;justify-content:center;height:95px;width:100%;gap:10px;padding:0 260px}.input_styles{border-radius:20px;width:auto;padding:10px}#button_box{width:120px;color:#fff;background-color:#4f7df3;font-size:.8rem;font-weight:600}#email_box{width:330px;padding-left:30px;font-size:.8rem;text-align:left;margin-top:0;margin-bottom:0}#email_box::placeholder{font-size:.8rem;color:#c2d3ff}#center_image_box{padding-top:40px}#dashboard_image{width:48%}#footer_box{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:75px}#social_icons{margin-bottom:0}#copyright{font-size:.7rem;margin-top:10px}}