.header{background-color:lightblue;line-height:10px;border:10px outset lightblue;height:160px}.headertext{font-family:'Courier New', Courier, monospace}.headerphoto{width:128px;height:128px;float:right;margin-right:16px;margin-top:16px}.headericon{width:64px;height:64px;border:16px;float:left;margin-left:8px;margin-bottom:8px}.textbox{background-color:darkblue;padding:8px;border:16px}.textboxtext{color:white;border:16px}.portfolioIcon{background-color:#1e2234;border-color:lightblue;width:350px;height:500px;border-style:solid;display:inline-block;margin:30px}.portfolioIconThumbnail{width:300px;height:350px;margin:25px;margin-bottom:0px}.portfolioIconTitle{text-align:center;color:#b692df}.portfolioIconTagline{margin-left:10px;margin-right:10px;color:#36c4b0}.portfolioBox{display:none;background-color:#1e2234;position:fixed;left:10%;top:10%;width:80%;height:80%;overflow:auto}.portfolioCloseButton{position:absolute;right:8px;top:8px;background-color:transparent;border:none;width:32px;height:32px}.portfolioTitle{font-size:40px;margin:8px;color:#b692df}.portfolioSubtitle{color:#36c4b0;margin:8px;font-size:32px;font-weight:200}.portfolioParagraph{color:#36c4b0;margin:8px;font-size:20px}.portfolioImageRight{width:384px;height:256px;padding:8px;float:right}.portfolioImageLeft{width:384px;height:256px;float:left}