@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&family=Roboto:wght@400;500;700&display=swap');

.home_nav {
   overflow: hidden;
   background-color: #299BD4;
   text-align: center;
   padding: 16px;
   text-transform: uppercase;
   font-weight: 500;
}

.homenav0 a {
   color: white;
   text-align: center;
   padding: 12px 14px;
   text-decoration: none;
   font-size: 16px;
   width: 100%;
}

.homenav0 a:hover {
   background-color: #2894CA;
   color: white;
}

body {
   font-family: 'Open Sans', sans-serif;
   margin: 0;
   padding: 0px 10px 0px 10px;
   box-sizing: border-box;
   display: flex;
   align-items: center;
   justify-content: center;
   height: 700px;
   background: #FFF;
}

section {
   width: 500px;
   height: 700px;
   text-align: center;
}

.readthat {
   width: 100%;
   overflow: hidden;
   color: black;
   margin-top: 10px;
   line-height: 1.5;
   font-size: 18px;
   font-weight: 400;
}

.link_buttons {
   width: 100%;
   margin-top: 20px;
   overflow: hidden;
   display: flex;
   justify-content: space-between;
}

.btn_order {
   width: 48%;
}

.btn_article {
   width: 48%;
}

.btn_order a {
   display: block;
   padding: 10px 0px;
   text-decoration: none;
   background: #299BD4;
   color: white;
   border-radius: 5px;
   text-transform: uppercase;
}

.btn_order a:hover {
   background: #2894CA;
}

.btn_article a {
   display: block;
   padding: 10px 0px;
   text-decoration: none;
   background: #9E2CDF;
   color: white;
   border-radius: 5px;
   text-transform: uppercase;
}

.btn_article a:hover {
   background: #9028CB;
}

.copy {
   margin-top: 25px;
   text-align: center;
   font-size: 17px;
   padding-bottom: 25px;
}

.copy a {
   color: #000;
}