html, body {
   height: 100%;
}

body {
   font-family: sans-serif;
   font-size: 14px;
   background: #ffffff url(nature.jpg) center/cover no-repeat;
   color: #2F3230;
   padding: 0;
   margin: 0;
   overflow: hidden
}

img {
   display: block;
   margin: 0 auto;
   margin-bottom: 20px;
   max-width: 200px
}

section {
   display: block;
   padding: 0;
   margin: 0;
}

.container {
   margin-left: auto;
   margin-right: auto;
   padding: 0 10px;
}

.additional-info {
   background-repeat: no-repeat;
   background: linear-gradient(to bottom, #020e4aee 0%, #005effc4 100%);
   color: #FFFFFF;
   position: relative;
   overflow: hidden;
   height: 100%;
   text-align: center;
   box-shadow: 0 -10px 109px 0 rgba(0, 0, 0, 0.2);
   border-top: 1px solid #fff6; 
   
   a{
       color:#fff;
   }
   .fa{
       color:#026;
       background:#fff;
       text-decoration:none;
       padding:.5em;
       border-radius:6px;
       display:inline-block;
       margin:4px
   }
}

.additional-info:after, .additional-info:before {
   content: "\f013";
   font-family: fontawesome;
   font-size: 25em;
   color: rgba(255, 255, 255, 0.15);
   position: absolute;
   top: -8%;
   left: -8%;
   z-index: 0;
   animation: rota 20s infinite linear
}

.additional-info::before {
   left: 10%;
   font-size: 12em;
   animation-direction: reverse
}

@keyframes rota {
   from {
       rotate: 0deg
   }

   to {
       rotate: 360deg
   }
}

.additional-info-items {
   padding: 20px;
   min-height: 193px;
   text-shadow: 0 2px 3px rgba(0,0,0,0.1);
}

.info-heading {
   font-weight: 300;
   word-break: break-all;
   width: 100%;
}

.status-reason {
   font-size: 4em;
   line-height: 1em;
   font-weight: bold;
   display: block;
   text-align: center;
   padding: 2.5em 0 .5em 0;
   background-color: rgb(28, 54, 76);
   color: transparent;
   text-shadow: 0px 2px 3px rgba(255,255,255,0.5);
   -webkit-background-clip: text;
   -moz-background-clip: text;
   background-clip: text;
   margin:0
}

.status-reason .fa {
   font-size: 60px;
   background-color: rgb(28, 54, 76);
   color: transparent;
   text-shadow: 0px 2px 3px rgba(255,255,255,0.5);
   -webkit-background-clip: text;
   -moz-background-clip: text;
   background-clip: text;
}

.reason-text {
   margin: 20px 0;
   font-size: 16px;
   font-style: italic
}

.info-heading {
   font-size: 190%;
}


.status-info{
   display:flex;
   width:700px;
   gap:1em;
   margin:10em auto;
   .col{
      display:flex;
      gap:1em;
   }
   .fa{
      color:#026
   }
}