/*
 Color Options
 --29162C, 54337D, 785ECD, D451A2, 6ECBE3--
-- DE85D3, 593269, 35142F, 655ECF, 56B5DB--
*/
 :root {
     /*FONT VARIABLES*/
    --main-font-family: "Roboto", sans-serif;
    --body-font-family: "Lora", serif;
     /*COLOR VARIABLES*/
    --banner-orange: #d5721d;
    --banner-blue: #302fd5;
    --orange-light: #cc9b70;
    --blue-light: #4a49a2;
 }
 .banner{
    background-image: url("../../images/airbus-a320.jpeg") !important;
    background-size: cover !important;
    color: white !important;
    text-shadow: 1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000 !important;
    background-position: 50% 25% !important;
    height: 10rem !important;
    font-size:xx-large !important;
    text-align:left !important;
    vertical-align: text-bottom !important;
    padding: 2rem;
 }
 .content{
    background: linear-gradient(to right, var(--blue-light), white, var(--orange-light)) !important;
    padding-top: 1%;
    padding-bottom: 1%;
}
.taskhead{
   font-weight: bold;
   margin: 0.5% 10% 0.5% 10% !important;
   padding: 1rem !important;
   border: 1px solid black;
   text-align: center !important;
}
.taskhead > .headin{
   text-align: left !important;
}
 .taskrow{
    margin: 0.5% 10% 0.5% 10% !important;
    padding: 1rem !important;
    border: 1px solid black;
 }
 nav{
    padding-left: 10%;
    padding-right: 10%;
 }
 input[type=checkbox]{
   -ms-transform: scale(2) !important; /* IE */
   -moz-transform: scale(2) !important; /* FF */
   -webkit-transform: scale(2) !important; /* Safari and Chrome */
   -o-transform: scale(2) !important; /* Opera */
   transform: scale(2) !important;
   padding: 10px;
 }