body { background-color: #F4EBE8; font-family: Roboto Mono; } .projtextcont{ display: inline-block; /*align-items: center; justify-content: center*/ color:#371F10; margin-left:200px; margin-bottom: 100px; margin-top:60px; } .projtext{ width: 80%; display: inline-block; text-align: justify; } h1{ font-size:50px; display: block; width:65%; text-align: left; background-color: transparent; right:auto; position: relative; padding: 0px; top:0%; z-index: 0; margin-bottom:15px; /*margin-top: 50px;*/ } h2{ font-size:23px; display: block; width:65%; text-align: left; } .img1{ display: inline-block; width:80%; margin-top: 20px; margin-bottom: 20px; right: 0%; align-content: right; } .img1 img{ margin-top: 20px; width: 60%; float:right; } .img2{ display: inline-block; width:100%; margin-top: 20px; margin-bottom: 20px; right: 0%; align-content: right; } .img2 img{ margin: 20px; margin-left: 0px; width: 45%; float:left; } .img3{ display: flex; width:100%; margin-top: 0px; margin-bottom: 20px; right: 0%; align-content: right; } .img3 img{ margin: 50px; margin-right: 0px; margin-bottom: 0px; width: 55%; right: 0px; float: right; } /*.pagelink{ position: fixed; display: inline; left:0px; width:20px; height:20px; padding:10px; background-color: white; z-index: 10; font-size: 18px; text-align: center; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; /*border-style: solid; border-width: 1px; border-color: #371F10; } .pagelink:hover{ background-color: #0BEFEB; } .pagelink{ background-color: white; } .pagelink a{ text-decoration: none; } /*.pagelink a:active{ background-color: #0BEFEB; } .active .pagelink:after{ background-color: #0BEFEB; } .pagelink .pagename{ display: inline; position: absolute; width: auto; padding: 5px; margin-left: 25px; font-size: 13px; background-color: white; visibility: hidden; } .pagelink:hover .pagename{ visibility: visible; }*/