body{margin:0}.topbar{background-color:#00808080;height:100px;display:flex;align-items:center}.topbar h1{color:#272727;margin-left:30px;font-family:Tangerine,cursive;font-size:70px;font-weight:700;font-style:normal;text-shadow:2px 2px rgba(39,39,39,.5)}.topbar a{text-decoration:none}@media (max-width: 400px){.topbar h1{font-size:50px;text-shadow:1px 1px rgba(39,39,39,.5)}}.home{background-color:#00808080;min-height:calc(100vh - 100px)}.selected-projects{display:grid;grid-template-columns:1fr 1fr 1fr;padding-top:50px}.project{margin:auto}.selected-projects img{width:400px;margin-bottom:40px;box-shadow:10px 5px 5px #00000080;transition:transform .2s}.selected-projects img:hover{transform:translateY(-5px)}@media (max-width: 1250px){.selected-projects img{width:500px}}@media (max-width: 1050px){.selected-projects{grid-template-columns:1fr}.selected-projects img{width:600px}}@media (max-width: 640px){.selected-projects img{width:450px}}@media (max-width: 400px){.selected-projects img{width:300px}}.selected-project{background-color:#00808080;padding-bottom:30px;min-height:calc(100vh - 130px)}.project-info{display:flex}.project-info img{width:600px;border:none;margin:30px;transition:transform .2s}.project-info img:hover{transform:translateY(-5px)}.project-details{margin:30px;text-align:left;padding-left:10px}.project-details li{margin-bottom:30px;font-family:Georgia,Times New Roman,Times,serif;font-size:20px;color:#1a1a1a}@media (max-width: 900px){.project-info img{width:450px}}@media (max-width: 750px){.project-info{display:block;text-align:center}.project-info img{margin-left:0;margin-right:0;margin-bottom:20px}.project-details{margin:0}}@media (max-width: 400px){.project-info img{width:300px}}