Team:NTNU Trondheim/content.css

.break_header, .break_header > img{

   z-index: 5;
   width: 100%;

}

.break_header{

   position: relative;

}

.paragraph_img_left, .paragraph_img_right, .paragraph_no_img{

   text-align:left;
   display: block;
   clear:both;
   width: 80%;
   margin: 5em auto;

}

.paragraph_img_right > div{

   float: right;
   width: 20%;
   margin-left: 10%;
   text-align: center;

}

.paragraph_img_left > div{

   float: left;
   width: 20%;
   margin-right: 10%;
   text-align: center;

} .paragraph_img_left > div > img, .paragraph_img_right > div > img{

   width: 100%;

}

.paragraph_img_left > p{

   display: block;
   justify-content:center;
   align-items:center;
   width:70%;
   margin: auto 0 auto auto;

}

.paragraph_img_right > p{

   display: block;
   justify-content:center;
   align-items:center;
   width:70%;
   margin-left: 0;

}

.paragraph_img_left > h1, .paragraph_img_right > h1{

   display:flex;
   width:70%;
   margin-bottom: 1em;
   justify-content:center;

}

.paragraph_img_left > h1{

   margin-left: 30%;

}

.paragraph_img_right > h1{

   margin-right: 30%;

}

.paragraph_no_img > p{

   justify-content:center;
   align-items:center;
   width:70%;
   margin: 0 auto;

}

.paragraph_no_img > h1{

   width:70%;
   justify-content:center;
   text-align: center;
   margin: 0 auto 1em auto;

}

.image{

   margin: 0 auto;
   font-family: "Arial", sans-serif;
   text-align:center;
   display: block;
   clear:both;

}

.image > img{

   width: 100%;

}

.break_1, .break_2, .break_1 > img, .break_2 > img{

   width: 100%;

}

.slidedown_button{

   cursor: pointer;
   margin: 0 auto;
   width: 10%;

}

.slidedown_button > img{

   width: 100%;

}

.slidedown_button:hover > img{

   content: url("../PNG/arrow_down_black.png");

}

.slideup_button{

   cursor: pointer;
   margin: 0 auto;
   width: 10%;

}

.slideup_button > img{

   width: 100%;
   content: url("../PNG/arrow_up_grey.png");

}

.slideup_button:hover > img{

   content: url("../PNG/arrow_up_black.png");

}

.dropdown_collapse{

   width: 5ch;
   margin: 0 auto;
   text-decoration: underline;
   color: #808080;

}

.dropdown_collapse:hover{

   text-decoration: none;
   cursor: pointer;
   color: #101417;

}

.dropdown_paragraph{

   justify-content:center;
   text-align: center;

}

.dropdown_text{

   display: none;

}

.show_less{

   display: none;

}

.show_more, .show_less{

   color: #808080;

}

.slideup_button:hover .show_less, .slidedown_button:hover .show_more{

   color: #101417;

}