body {
                height: auto;
                width: 100%; /*1440px*/
                position:relative;
                margin: 0px auto;
                background-color:#A5A5A5;
                }
            
            main {
                height: auto;
                width: 100%; /*1440px*/
                position:relative;
                margin: 0px auto;
                background-color:#A5A5A5;
                }
            
            nav {
                height: 60px; /*60px*/
                width: 100%; /*1440px*/
                background-color: #ffffff;
                margin-top: 0px auto;
                border-bottom-style: solid;
                border-width: 2px; 
                box-shadow: 0px 1px 4px grey; 
                position: absolute ;
                }
            
            .apple {
                height: 40px; /*40px*/
                width: 2.351314%;
                margin-left: 2.569444%; /*37px*/
                margin-top: 8px; /*8px*/
                float:left;
                }
            
            .navtext {
                font-family: 'PT Sans', sans-serif;
                font-size: 2.25em; /*36px*/
                margin-left: 2.083333%;
                margin-top: 0.4em; /*14px*/
                float:left;
                }

            .navtext a {
                text-decoration: none;
                color: #000;
                }
            
            .backwindow {
                height: 860px; /*860px*/
                width: 74.652778%; /*1075px*/
                margin-top: 64px; /*64px*/
                margin-left: 12.847222%; /*185*/
                background-color:#ffffff;
                position: absolute;
                z-index: 0;
                }

            .fileback {
                height: 1.75em; /*28px*/
                width: 2.280702%;
                margin-left: 2.017544%; /*23px*/
                float: left;
                }

                .filebacktop {
                    margin-top: 671px;
                    }

                .filebackbottom {
                    margin-top: 15px; /*15px*/
                    }

            .backwindowtext {
                font-family: 'PT Sans', sans-serif;
                font-size: 1.75em; /*28px*/
                margin-left: 5.860465%; /*62px*/
                }

            .backwindowtext a {
                text-decoration: none;
                color: #000;
                }


                .backwindowmargintop {
                    margin-top: 676px; /*676px*/
                    }

                .backwindowmarginbottom {
                    margin-top: 16px; /*16px*/
                    }
            
            .backwindowtop {
                position: absolute;
                height: 63px; /*63px*/
                width: 100%; /*1075px*/
                top: 0em;
                background-color:#ffffff;
                z-index: 0;
                }
            
            .backwindowtoptext {
                font-family: 'PT Sans', sans-serif;
                font-size: 2.625em; /*42px*/
                margin-left: 38.883721%; /*418px*/
                margin-top: 0.3em; /*13px*/
                }
            
            .backwindowbottom {
                position: absolute;
                height: 52px; /*50px*/
                width: 100%; /*1075px*/
                margin-top: 0.9375em; /*15px*/
                background-color:#ffffff;
                z-index: 0;
                }
            
            .midwindow {
                height: 580px;
                width: 79.166667%; /*1140px*/
                margin-top: 137px; /*137px*/
                margin-left: 2.708333%; /**/
                background-color:#ffffff;
                position: absolute;
                z-index: 1;
                }

            .filemid {
                height: 1.75em; /*28px*/
                width: 2.280702%;
                margin-left: 2.017544%; /*23px*/
                float: left;
                }

                .filemidtop {
                    margin-top: 111px; /*111px*/
                 
                    }

                .filemidbottom {
                    margin-top: 15px; /*15px*/
                    }

            .midwindowtext {
                font-family: 'PT Sans', sans-serif;
                font-size: 1.75em; /*28px*/
                margin-left: 5.438596%; /*62px*/
                float: none;
                }
            
            .midwindowtext a {
                text-decoration: none;
                color: #000;
                }

                .midwindowmargintop {
                    margin-top: 118px; /*118px*/
    
                    }

                .midwindowmarginbottom {
                    margin-top: 15px; /*15px*/

                    }
            
            .midwindowtop {
                position: absolute;
                height: 3.125em; /*50px*/
                width: 99.649123%; /*1140px*/
                top: 0.125em; /*2px*/
                margin-left: 1px;
                background-color:#ffffff;
                z-index: 1;
                }
            
            .midwindowmid {
                position: absolute;
                height: 50px; /*50px*/
                width: 99.824561%; /*1140px*/
                top: 3.375em; /*54px*/
                background-color:#ffffff;
                z-index: 1;
                }
            
            .midwindowmidtext {
                font-family: 'PT Sans', sans-serif;
                font-size: 1.75em; /*28px*/
                margin-left: 4.347826%;
                margin-top: 11px; /*11px*/
                text-decoration: underline;
                }
            
            .midwindowbottom {
                position: absolute;
                height: 3.125em; /*50px*/
                width: 100%; /*1140px*/
                margin-top: 21.0625em; /*337px*/
                background-color:#ffffff;
                z-index: 1;
                }
            
            .topwindowout {
                height: 50.5625em; /*809px*/
                width: 74.375%; /*1070px*/
                margin-top: 9.25em; /*148px*/
                margin-left: 24.375%; /*351px*/
                border-radius: 0.3125em; /*5px*/
                background-color:#ffffff;
                box-shadow: -.125em -.125em .125em grey; /*-2 -2 2*/
                position: absolute;
                z-index: 2;
                }
            
            .topwindowin {
                height: 49.5625em; /*793px*/
                overflow: auto;
                width: 98.504673%; /*1054px*/
                margin-top: .375em; /*6px*/
                margin-left: 0.560748%; /*6px*/
                border-radius: .3125em; /*5px*/
                background-color:#ffffff;
                position: absolute;
                z-index: 2;
                }

            h1 {
                font-family: 'Libre Baskerville', serif;
                font-size: 4.5em; /*72px*/
                margin-left: 6%;
                margin-top: 91px; /*91px*/
                text-align: center;
                 z-index: 2;
                }
            
            h2 {
                font-family: 'Libre Baskerville', serif;
                font-size: 3.125em; /*50px*/
                margin-left: 6%;
                margin-top: 30px; /*30px*/
                text-align: center;
                 z-index: 2;
                }

            h3 {
                font-family: 'PT Sans', sans-serif;
                font-size: 2.5625em; /*41px*/
                margin-left: 8%;
                margin-top: 15px; /*15px*/
                text-align: center;
                 z-index: 2;
                }

            p {
                font-family: 'PT Sans', sans-serif;
                font-size: 1.5em; /*24px*/
                margin-left: 2.6565546%;
                margin-right: 2.6565546%;
                margin-top: 60px; /*60px*/
                margin-bottom: 20px;
                text-align: left;
                 z-index: 2;
                }
            
            .border {
                border-style: solid;
                border-width: 2px; /*2px*/
                border-color: #525252;
                }
            
            .bordertop {
                border-top-style: solid;
                border-width: 2px; /*2px*/
                border-top-color: #525252;
                }
            
            .borderbottom {
                border-bottom-style: solid;
                border-width: 2px; /*2px*/
                border-bottom-color: #525252;
                }
            
            .shadow {
                box-shadow: 3px 3px 4px grey; /*3 3 4*/
            }
            
                       /* width */
            ::-webkit-scrollbar {
              width: 2%;
            }

            /* Track */
            ::-webkit-scrollbar-track {
              background: #f1f1f1; 
            }

            /* Handle */
            ::-webkit-scrollbar-thumb {
              background: #888; 
            }

            /* Handle on hover */
            ::-webkit-scrollbar-thumb:hover {
              background: #555; 
            }