sngineering ox

src/App/App.css

@@ -3876,4 +3876,15 @@ height: min-content !important;
   display: flex;
   align-items: center;
   justify-content: center;
+}
+
+.eng-box{
+  border-radius: 3px;
+  border-style: solid;
+  border-color: var(--text-primary);
+  border-radius: 10px;
+}
+
+.eng-box p {
+  padding: 30px;
 }
\ No newline at end of file

src/contents/engineering.tsx

@@ -17,7 +17,7 @@ export function Engineering() {
           <br/> <br/> <br/> 
             <div id="tab-our-cycle" className="enginneeringtab" style={{display: "block"}}>
                <section > <br id="obenengineering"/>
-                  <div className="bg-lb box" >
+                  <div className="eng-box box" >
                      <H3 text="Our cycle" id="ourcycle"></H3>
                      <p>Hallo Prime Editing diesdas</p>
                   </div>
@@ -36,7 +36,7 @@ export function Engineering() {
             
             <div id="tab-proof-of-concept" className="enginneeringtab" style={{display: "none"}}>
                <section  >
-                  <div className="bg-lb box" >
+                  <div className="eng-box box" >
                      <H3 id="Proof of Concept" text="Proof of Concept"></H3>
                      <p>To test prime editors, a reliable model system is required. HEK293 cells are a human derived cell line and widely used in a variety of fields in biology[1]. Apart from easy handling and comparatively easy transfection, they have, as we found out in our exchange with Mattijs Bulcaen, one advantage over other models: They are naturally impaired in DNA repair mechanisms and therefore easier to edit. To properly compare editing efficiencies, a high transfection efficiency is of utmost importance. This engineering cycle focuses on our work in simulating prime editing using the PEAR reporter system[2] and optimizing transfection protocols.</p>
                   </div>
@@ -109,7 +109,7 @@ export function Engineering() {
             
             <div className="enginneeringtab" id="tab-pe-systems" style={{display: "none"}}>
             <section id="PE Systems sec" >
-                  <div className="bg-lb box" >
+                  <div className="eng-box box" >
                      <H3 id="PE Systems" text="PE Systems"></H3>
                      <p><LoremShort></LoremShort></p>
                   </div>
@@ -165,7 +165,7 @@ export function Engineering() {
             </div>
             <div className="enginneeringtab" id="tab-nikase" style={{display: "none"}}>
             <section id="Nikase sec" >
-                  <div className="bg-lb box" >
+                  <div className="eng-box box" >
                      <H3 id="Nikase" text="Nikase"></H3>
                      <p><LoremShort></LoremShort></p>
                      <img src="https://static.igem.wiki/teams/5247/fanzor/movie4-ezgif-com-video-to-gif-converter.gif"></img>
@@ -232,7 +232,7 @@ export function Engineering() {
             </div>
             <div className="enginneeringtab" id="tab-pegrna" style={{display: "none"}}>
             <section id="pegRNA sec" >
-                  <div className="bg-lb box" >
+                  <div className="eng-box box" >
                      <H3 id="pegRNA" text="pegRNA"></H3>
                      <p><LoremShort></LoremShort></p>
                   </div>
@@ -297,7 +297,7 @@ export function Engineering() {
             </div>
             <div className="enginneeringtab" id="tab-delivery" style={{display: "none"}}>
                <section id="Delivery sec" >
-                  <div className="bg-lb box" >
+                  <div className="eng-box box" >
                      <H3 id="Delivery" text="Delivery"></H3>
                      <p><LoremShort></LoremShort></p>
                   </div>
@@ -339,7 +339,7 @@ export function Engineering() {
 
             <div className="enginneeringtab" id="tab-references" style={{display: "none"}}>
                <section id="References sec" >
-                  <div className="bg-lb box" >
+                  <div className="eng-box box" >
                      <H3 id="References" text="References"></H3>
                      <p><LoremShort></LoremShort></p>
                   </div>