.wrapper,body{position:absolute}.active,.button:hover{background-color:#ececec}#header,.butt-text,.button{font-family:"Myriad Pro"}body{margin:0;top:0;left:0;width:100vw}.wrapper{margin-top:20px;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}#viewer{min-width:500px;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:3em 1fr;grid-template-areas:"h h" "b v";border-radius:10px;border:1px solid rgba(100,100,100,.7);padding-top:20px;margin-bottom:2em;box-shadow:0 0 25px rgba(64,64,64,.1)}#header{grid-area:h;font-size:24px;text-align:center;line-height:1em}#buttons-container{grid-area:b;overflow:hidden}#file-view{grid-area:v}.button{padding:.5em;font-size:16px;height:2.7em;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;border:1px solid #646464;transition:.3s}.iframe-container,.iframe-container iframe{width:100%;height:100%}.button:hover{cursor:pointer;transition:.3s}.last-butt{border-bottom-left-radius:10px;margin-bottom:-1px}.iframe-container{min-width:450px}.butt-body{height:35px;border-radius:20px;background-color:#627440;transition:.6s;font-size:13px;padding:0 10px;display:inline-block;margin-bottom:5em}.butt-body:hover{background-color:#4b5e27;cursor:pointer;transition:.4s}.butt-text{line-height:35px;color:#fffbf6;letter-spacing:2}@media (max-width:1100px){#viewer{grid-template-columns:1fr;grid-template-rows:3em 1fr 1fr;grid-template-areas:"h" "b" "v"}.iframe-container{min-width:200px}}