/*@font-face { font-family: 'kanji'; src: url('/fonts/kanji.ttf'); }*/ *{ margin: 0; padding: 0; font-family: 'Source Code Pro', monospace; } .width-class{ width: 100%; object-fit: contain; align: center; display: flex; flex-direction: column; } .input-class{ margin: 0 20% 0 20%; } .projectbanner{ max-width: 100%; } .banner{ width: 260px; } .verified{ width: 95%; border: 1px solid #00ff00; background-color: #100b16; } .unverified{ width: 95%; border: 1px solid #ff0000; background-color: #100b16; } .sensitivelink{ color: #fc6e02; } .imgRz{ width: 100%; height: 50%; align: center; justify-content: center; -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */ filter: grayscale(0%) brightness(100%) contrast(100%); } body{ background-color: #231830; width: 100%; height: 100vh; display: flex; flex-direction: column; align-items: left; justify-content: left; margin: 0; /*padding: 1rem;*/ } .onion{ background-color: #190321 ; /*background-image: url("./img/wallpaper_nihilism_dunes.png");*/ width: 100%; height: 100vh; display: flex; flex-direction: column; align-items: left; justify-content: left; } .spaced{ padding-bottom: 30px; } #greetings{ font-family: monospace; font-size: 40px; color: #53E2AE; } #greetings-onion{ font-family: monospace; font-size: 40px; color: #190321; } .inputtext-onion{ border: none; outline: none; background: #190321; color: #ffffff; font-size: 17px; } .input_box-onion{ border: none; outline: none; background: #190321; padding: 13px; color: #ffffff; font-size: 17px; transition: 0.4px all; border-radius: 5px 5px 5px 5px; width: 300px; margin-bottom: 5px; } .inputtext{ border: none; outline: none; background: #070707; color: #ffffff; font-size: 17px; } .input_box{ border: none; outline: none; background: #070707; padding: 13px; color: #ffffff; font-size: 17px; transition: 0.4px all; border-radius: 5px 5px 5px 5px; width: 300px; margin-bottom: 5px; } .left img{ /*width: 365px;*/ width: 100%; height: auto; margin-left: 0px; -webkit-filter: grayscale(60%); /* Safari 6.0 - 9.0 */ filter: grayscale(83%) brightness(60%); } .left{ width:0%; } .right{ width: 100% } .column-contaianer{ width: 100%; height: 100vh; display: flex; flex-direction: row; align-items: left; justify-content: left; } .column-container-main{ width: 100%; height: 100vh; display: flex; flex-direction: row; /*align-items: center; justify-content: center;*/ } .container { display: flex; flex-wrap: wrap; gap: 1rem; } /*.container{ display: flex; flex-direction: row; padding: 2px 5px 2px 2px; justify-content: left; }*/ /*.column{ display: flex; flex-direction: column; padding: 5px 10px 5px 5px; font-size: 18px; }*/ .column { padding: 1rem; border-radius: 8px; /*background-color: hsl(240, 62%, 90%);*/ flex: 1; } @media (max-width: 1024px) { .column { /*width: 100%;*/ flex: auto; } } .column:nth-child(1){ border-top-left-radius: 5px; border-bottom-left-radius: 5px; } .column:nth-child(4){ border-top-right-radius: 5px; border-bottom-right-radius: 5px; } h1,h2,h3,p,td{ color: #ffffff; /*max-width: 500px;*/ /*padding-bottom: 10px;*/ } .description{ max-width: 100%; min-width: 50px; } .category{ max-width: 80px; word-wrap: break-word; } .linktitle{ max-width: 150px; word-wrap: break-word; } h3,h2{ padding-top: 15px; } td,th { border: 3px solid #2f1c44; } /*tr{ border: 1px solid #555555; padding-bottom: 10px; }*/ table { max-width: 100%; /*border: 1px solid #ff0000;*/ border-collapse: collapse; /*border-color: #ffffff;*/ background-color: #100b16; } .column-onion a{ text-decoration: none; display: inline-block; color: #747ff7; transition: .3s; padding-left: 5px; padding-right: 5px; } a{ word-wrap: break-word; text-decoration: none; display: inline-block; color: #747ff7; transition: .3s; padding-left: 0px; padding-right: 0px; } a.null{ opacity: 0; pointer-events: none; } a:hover{ color: #D2BF55; } img{ /*width: 300px;*/ /*transform: translateY(2px);*/ padding-right: 4px; -webkit-filter: grayscale(30%); /* Safari 6.0 - 9.0 */ filter: grayscale(30%); } .column a.git img{ filter: invert(1); } /*@media screen and (max-width: 1000px) { .container{ display: flex; flex-direction: column; padding: 2px 5px 2px 2px; justify-content: left; } }*/