body{ background-color: #0a0a0a; } .pagecontent { margin: 0; overflow: hidden; height:100%; -ms-overflow-style: none; scrollbar-width: none; } @media (min-device-width: 768px){ #left { position: absolute; top: 0px; bottom: 10px; left: 10px; width: 28%; overflow-y: scroll; } #center { position: absolute; top: 0px; bottom: 10px; left: 32%; width: 29%; overflow-y: scroll; } #right { position: absolute; top: 0px; bottom: 10px; right: 10px; overflow-y: scroll; width: 35%; } } #left { height:100%; } #center { height:100%; } #right { height:100%; } ::-webkit-scrollbar { width: 0px; background: transparent; } .image{ width: 100%; height: auto; } body p{ font-size: 1.2rem; font-weight: 400; color: #385657; font-family: 'VT323', monospace; font-style: normal; line-height: 1.3; text-align: left; } a{ border-bottom: 1px solid rgba(12, 169, 0, 0.35); text-decoration: none; color: #0ca900; } a:hover { background-color: #99AAF4 !important; } hr{ height: 1px; background-image: linear-gradient(to right, rgba(12, 169, 0, 0.5) 60%, rgba(255,255,255,0) 0%); background-position: bottom; background-size: 6px 1px; background-repeat: repeat-x; border: none; } .video-container { position: relative; padding-bottom: 56.25%; padding-top: 35px; height: 0; overflow: hidden; } .video-container iframe { position: absolute; top:0; left: 0; width: 100%; height: 100%; } .projectheaders{ color: #0ca900; font-family: 'Almendra Display', cursive; font-size: 2rem; text-align: center; } .container { width: 100%; height:auto; padding-top:1%; } .container img { position: fixed; max-height:100%; max-width: 3%; transform: translateX(755%); } .sampleheading { font-size: 1.4rem; color: rgba(12, 169, 0, 0.5); }