You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

188 lines
2.6 KiB
CSS

@font-face {
font-family: "Belgika";
src: url("fonts/belgika-5th-webfont.ttf");
font-weight: 5;
font-style: normal;}
@font-face {
font-family: "Belgika";
src: url("fonts/belgika-8th-webfont.ttf");
font-weight: 8;
font-style: normal;}
@font-face {
font-family: "Belgika";
src: url("fonts/belgika-16th-webfont.ttf");
font-weight: 16;
font-style: italic;}
@font-face {
font-family: "Belgika";
src: url("fonts/belgika-40th-webfont.ttf");
font-weight: 40;
font-style: normal;
}
body{
background: none;
}
a{
color: white;
text-decoration: none;
display: inline;
border-bottom: 0px;
background: none;
}
.ext{
background: none;
}
a:hover{
color: grey;
text-decoration: none;
cursor: pointer;
}
a:visited{
text-decoration: none;
}
/* HEADER */
aside{
position: fixed;
top: 5px;
width: calc(100vw - 15px);
font-size: 12px;
font-family: "Belgika", Arial, Helvetica, sans-serif;
font-weight: 5;
font-style: normal;
z-index: 999;
}
.marquee {
position: relative;
width: calc(100vw - 15px);
max-width: 100%;
overflow-x: hidden;
height: 50px;
}
.track {
position: absolute;
white-space: nowrap;
will-change: transform;
animation: marquee 20s linear infinite;
}
@keyframes marquee {
from { transform: translateX(0); }
to { transform: translateX(-50%); }
}
/* HOME BUTTON */
.homebutton{
background-color: inherit;
text-align:right;
color:black;
position:absolute;
top:0;
right:0;
margin-right:2%;
margin-top:25px;
padding:0.3% 0 0 0.3%;
font-size:0.6em;
z-index:999;
}
/* TYPE STYLE */
#project-title{
font-family: "Belgika", Arial, Helvetica, sans-serif;
font-weight: 5;
font-style: normal;
color: white;
}
#about-student{
font-family: helvetica;
font-style: italic;
color: grey;
font-weight: 16;
font-size: calc(7px + 0.3vw);
padding-top: 10px;
color: white;
}
#about-project {
color: white;
}
#inner-hleft-text {
color: white;
}
.mytypestyle{
font-family: "Belgika", Arial, Helvetica, sans-serif;
font-weight: 4;
color: black;
}
#inner-hleft-text{
overflow-y: scroll;
font-family: helvetica;
font-weight: 16;
font-size: calc(11px + 0.3vw);
color: white;
}
li{
list-style: none;
transform-origin: 0 0;
color: white;
}
#inner-hleft-text::-webkit-scrollbar {
display: none;
}
.workimg{
padding: 0 0 0 0;
}
#bg-left{
position: fixed;
left: 0;
top: 0;
display: inline-block;
width: 25vw;
height: 100vh;
background-color: black;
}
#bg-right{
position: fixed;
left: 25vw;
top: 0;
display: inline-block;
height: 100vh;
width: 75vw;
background-color: white;
}
p {
line-height: 1.5em;
}