style.css

body{font-family:Roboto,sans-serif;color:#0f3c4b;background-color:#e5edf1;padding:1rem 1rem}h1{float:left;font-size:16px;margin:16px 5px 0 0;font-weight:400}h4{font-weight:400;font-size:18px;margin:10px auto}a{color:#0f3c4b;font-weight:600;text-decoration:none}ol{list-style:none;text-align:left;padding-left:10px}li{counter-increment:counter}li::before{content:counter(counter) ". ";color:#39cccc;font-weight:700}.container{width:100%;max-width:800px;text-align:center;margin:0 auto}.box{font-size:1.25rem;background-color:#c8dadf;position:relative;padding:100px 20px}.box.has-advanced-upload{outline:2px dashed #92b0b3;outline-offset:-10px;-webkit-transition:outline-offset .15s ease-in-out,background-color .15s linear;transition:outline-offset .15s ease-in-out,background-color .15s linear}.box.is-dragover{outline-offset:-20px;outline-color:#c8dadf;background-color:#fff}.box.has-advanced-upload .box_dragndrop{display:inline}.box.has-advanced-upload .box_icon{width:100%;height:100px;display:block;margin-bottom:20px}.box.is-uploading .box_input{visibility:hidden}.box_dragndrop,.box_icon,.box_success,.box_uploading{display:none}.box.is-success .box_input .box_success,.box.is-uploading .box_uploading{display:block}.box_uploading{font-style:italic}.box_success{-webkit-animation:appear-from-inside .3s ease-in-out;animation:appear-from-inside .3s ease-in-out}@-webkit-keyframes appear-from-inside{from{-webkit-transform:translateY(-50%) scale(0)}to{-webkit-transform:translateY(-50%) scale(1)}}@keyframes appear-from-inside{from{transform:translateY(-50%) scale(0)}to{transform:translateY(-50%) scale(1)}}.box_file{opacity:0;overflow:hidden;position:absolute;z-index:-1}.box_input label{max-width:80%;text-overflow:ellipsis;cursor:pointer;display:inline-block;overflow:hidden}.box{cursor:pointer}.box:hover .box_input label b,a:hover{color:#39cccc}.logo{width:36%;display:block}.info{text-align:left}.social img{width:40px;height:40px;margin:0 5px}.social{display:inline-block}.social:hover{cursor:pointer;filter:invert(64%) sepia(86%) saturate(319%) hue-rotate(131deg) brightness(90%) contrast(96%);-webkit-filter:invert(64%) sepia(86%) saturate(319%) hue-rotate(131deg) brightness(90%) contrast(96%)}.privacy{width:100%;max-width:560px;margin-left:auto;margin-right:auto;text-align:center}