:root{--vue-secondary:#2c3e50;--vue-primary:#41b883}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--vue-secondary)}.file-input-container{display:block;position:absolute;background-color:var(--vue-primary);top:5%;left:30%;box-shadow:8px 8px 8px 8px rgba(23,28,32,.6509803921568628);border-radius:10px;transition:all .5s ease}.file-input-container input[type=file]{opacity:0;width:600px;height:200px}.file-input-container .ico{font-size:5rem;position:absolute;top:25%;right:50%;transform:translate(50%);z-index:0}.preview{background:transparent;height:450px;width:350px;position:absolute;top:37%;left:38%}.preview img{width:inherit;height:inherit}@media screen and (max-width:1100px){.file-input-container{position:absolute;left:0;right:0}.file-input-container input[type=file]{opacity:0;width:100%}.preview{position:absolute;left:24%}}.action-btn{display:flex;flex-direction:row;align-items:center;justify-content:center;position:absolute;bottom:0;left:-3%;width:100%;height:auto;top:20%}.action-btn .convert-btn{width:250px;height:40px;margin:5px;border:none;border-radius:10px;box-shadow:8px 8px 8px 8px rgba(23,28,32,.6509803921568628)}.action-btn .convert-btn:hover{cursor:pointer}.action-btn .pdf:after{content:"Convertir en PDF";padding:10px;font-weight:700}.action-btn .text:after{content:"Extrait le text";padding:10px;font-weight:700}@media screen and (max-width:780px){.preview{position:absolute;left:14%}.action-btn{position:absolute;left:0}}@media screen and (max-width:400px){.preview{position:absolute;left:0}}@media screen and (max-width:1120px){.action-btn{position:absolute;left:-10%}}@media screen and (max-width:1090px){.action-btn{position:absolute;left:-20%}}@media screen and (max-width:1420px){.action-btn{position:absolute;left:0}}