diff --git a/public/files/book.pdf b/public/files/book.pdf
new file mode 100644
index 0000000..e69de29
diff --git a/src/views/formats.vue b/src/views/formats.vue
index 879140f..561e524 100644
--- a/src/views/formats.vue
+++ b/src/views/formats.vue
@@ -1,75 +1,79 @@
 <template>
-<div>
-  <Header></Header>
-  <Nav></Nav>
-<div  class ="box"> 
-<nav  class="breadcrumb"></nav>        
-    
-<div class= "container"> 
-     <h6><b> </b></h6>
-<a href="download/acme-doc-2.0.1.txt" download="Acme Documentation (ver. 2.0.1).txt">Download Text</a>
+  <div>
+    <Header></Header>
+    <Nav></Nav>
+    <div class="box">
+      <nav class="breadcrumb"></nav>
 
-<p><a href="recursos/2021/F1_inscripcion_proyecto.docx" target="_blank">F1. Inscripción de Proyecto</a></p>
-<p><a href="" target="_blank"></a></p>
-<p><a href="" target="_blank"></a></p>
-<p><a href="" target="_blank"></a></p>
-<p><a href="" target="_blank"></a></p>
-<p><a href="" target="_blank"></a></p>
-<p><a href="" target="_blank"></a></p>
-</div>
+      <div class="container">
+        <h6><b> </b></h6>
+        <a
+          href="download/acme-doc-2.0.1.txt"
+          download="Acme Documentation (ver. 2.0.1).txt"
+          >Download Text</a
+        >
 
-</div>
+        <a href="/files/book.pdf" download>DOWNLOAD</a>
 
- <Footer></Footer>
-  
-
-</div>
+        <p>
+          <a href="recursos/2021/F1_inscripcion_proyecto.docx" target="_blank"
+            >F1. Inscripción de Proyecto</a
+          >
+        </p>
+        <p><a href="" target="_blank"></a></p>
+        <p><a href="" target="_blank"></a></p>
+        <p><a href="" target="_blank"></a></p>
+        <p><a href="" target="_blank"></a></p>
+        <p><a href="" target="_blank"></a></p>
+        <p><a href="" target="_blank"></a></p>
+      </div>
+    </div>
 
+    <Footer></Footer>
+  </div>
 </template>
 
 <script>
-
-
 import Header from "./../components/header.vue";
 import Nav from "./../components/nav.vue";
 import Footer from "./../components/footer.vue";
 
 export default {
-  
   components: {
     Header,
     Nav,
-    Footer
+    Footer,
   },
-  
 };
 </script>
 
 <style scoped>
-
 .cent {
-    text-align: center;
+  text-align: center;
 }
 
-
 h6 {
-
-  font-family: Arial,A030,"Nimbus Sans L",FreeSans,"Liberation Sans",sans-serif;
+  font-family: Arial, A030, "Nimbus Sans L", FreeSans, "Liberation Sans",
+    sans-serif;
   width: 95%;
   font-size: 130%;
   line-height: 115%;
-  background-color: #E5EBFD;
+  background-color: #e5ebfd;
   background-position: -136px -33px;
-  border-color: #A0B1DE;
+  border-color: #a0b1de;
   border-radius: 3px 3px 3px 3px;
   border-style: solid;
   border-width: 1px;
   padding: 8px 0px 8px 34px;
-
 }
-h1, h2, h3, h4, h5, h6 {
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
   line-height: 1.4em;
-  font-family: 'Ubuntu', arial, serif;
+  font-family: "Ubuntu", arial, serif;
   font-weight: lighter;
 }
 
@@ -79,39 +83,34 @@ h1, h2, h3, h4, h5, h6 {
 }
 
 .box {
-    background: #f1f1f1;
-    padding: 1.25rem;
-    text-align: justify;
-    
-    
-   
+  background: #f1f1f1;
+  padding: 1.25rem;
+  text-align: justify;
 }
 
 .container {
-    width: 950px;
-    max-width: 100%;
-    background: rgb(255, 255, 255);
-    padding: 1.2em;
+  width: 950px;
+  max-width: 100%;
+  background: rgb(255, 255, 255);
+  padding: 1.2em;
 }
 
 p {
-width: 95%;
-text-align: justify;
-    
+  width: 95%;
+  text-align: justify;
 }
- a {
-    color: #37b2d1;
+a {
+  color: #37b2d1;
 }
 
 .panes .plain-text a {
-    text-decoration: none;
+  text-decoration: none;
 }
 
 @media (max-width: 700px) {
   .container {
     width: 100%;
-        margin:  auto;
-        
-  }}
-
+    margin: auto;
+  }
+}
 </style>