/*@media only screen and (max-width: 768px) {
     header{
         flex-direction: column;
     }
     header img{
         border-right: none;
     }
     header h1{
         margin: 0 2rem 2rem 2rem;
         padding: 2rem;
         border: solid var(--border-width-thin) var(--color-gray);
         text-align: center;
         font-size: var(--font-size-normal);
     }
     main{
         grid-template-columns: 1fr;
         grid-template-areas:
             "documentation"
             "inputs"
             "results";
     }
     .column{
         border-right: none;
         border-bottom: solid var(--border-width-thin) #000;
         min-height: 20rem;
         min-width: calc(25rem - 2 * 2rem);
     }
     header,
     footer{
         min-width: 25rem;
     }
     .column:last-child{
         border-bottom: none;
     }
     #temperatures label,
     #temperatures input{
         min-width: 0;
     }
     #result-values{
         grid-template-columns: 1fr;
     }
     #messages{
         position: fixed;
         align-items: stretch;
         flex-direction: column;
         top: 0;
         left: 0;
         right: 0;
         background: rgba(0,0,0,0.75);
         backdrop-filter: blur(1rem);
     }
 }

 @media only screen and (min-width: 768px) and (max-width: 1200px) {
     main{
         grid-template-columns: 1fr 1fr;
         grid-template-areas:
             "documentation inputs"
             "results results";
     }
     #inputs{
         border-right: none;
     }
     #results{
         border-top: solid var(--border-width-thin) #000;
     }
 }*/