@import url("main.css"); body{ color:black; } #wrapper { background-color:#9594C4; } /*header*/ header{padding-bottom:2%;} header h1{float:none;} #homebttn{ background-color: inherit; text-align:right; color:black; position:absolute; top:0; right:0; margin-right:6%; margin-top:15px; padding:0.3% 0 0 0.3%; font-size:0.6em; z-index:44; } #project-title { font-size:1.4em; line-height:135%; margin-bottom:1%; font-family: 'NotCourierSans Bold', Courier, monospace; } #student-name { margin-bottom:0; font-weight:normal; font-size:0.8em; font-family: 'Catamaran', sans-serif; } a#student-page{color:black;} #hleft-text{ overflow-y:auto; overflow-x:hidden; padding-right:1%; box-sizing:border-box; cursor:default; } #ihtp{ margin-top:3%; width:80%; color:black; } #about-student{ width:95%; color:#2f2f2f; font-size:1em; font-style:italic; font-family: 'Catamaran', sans-serif; } object{ padding-bottom:7%; } hr{ width:50%; color:#ccc; } .show{ font-size:1em; } #project-link{ color:black; } /*section*/ section#main{ overflow:auto; padding-left:1.5%; } #galleries{ padding-top:3%; } .gal-title{ font-size:0.8em; } #publist { line-height:80%; } #galleries li, #galleries p{ color:black; font-size:0.9em;; } .workimg{ max-width: 47%; height: auto; padding: 0.5% 0.5% 0.5% 0; } @media all and (min-width: 600px) and (max-width: 720px){ #galleries{ padding-top:1%; } #galleries li, #galleries p{ font-size:0.8em; } } @media all and (min-width: 720px) and (max-width: 992px){ #galleries{ padding-top:1%; } #galleries li, #galleries p{ font-size:0.8em;; } } @media all and (max-width: 992px){ /*header*/ #sub{ width:30%; padding-right:5%; white-space:normal; } #student-name{ line-height:125%; } #ihtp, #about-student, #ihtp a{ color:white; } } @media all and (min-width: 992px){ #homebttn{ margin-right:3%; margin-top:0.7%; } /*header*/ #student-name { font-size:0.6em; } /*main*/ section#main{ width:74%; left:27%; } #galleries{ padding-left:1%; } #galleries li, #galleries p{ font-size:0.62em; } } @media all and (min-width: 1400px){ #galleries li, #galleries p{ font-size:0.55em; } .gal-title{ font-size:0.73em; } }