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.

174 lines
2.8 KiB
CSS

@font-face {
font-family: "Lyon";
src: url("fonts/LyonJeanTrue.ttf");
font-weight: 300;
font-style: normal;}
@font-face {
font-family: "Favorit";
src: url("fonts/Favorit_Regular.ttf");
font-weight: 300;
font-style: normal;}
@font-face {
font-family: "Favorit";
src: url("fonts/Favorit_Regular-Italic.ttf");
font-weight: 300;
font-style: italic;}
@font-face {
font-family: "Favorit";
src: url("fonts/Favorit_Medium.ttf");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: "Favorit";
src: url("fonts/Favorit_Medium-Italic.ttf");
font-weight: 400;
font-style: italic;}
body{
background: none;
}
a{
color: #000;
text-decoration: none;
display: inline;
border-bottom: 0px;
background: none;
}
.ext{
background: none;
}
a:hover{
color: #c3c3c3;
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: "Lyon", Arial, Helvetica, sans-serif;
font-weight: 300;
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: "Lyon", Arial, Helvetica, sans-serif;
font-weight: 300;
font-style: normal;
}
#about-student{
font-family: "Favorit", Arial, Helvetica, sans-serif;
font-style: italic;
color: #3c3c3c;
font-weight: 300;
font-size: calc(8px + 0.3vw);
padding-top: 10px;
}
.mytypestyle{
font-family: "Favorit", Arial, Helvetica, sans-serif;
font-weight: 300;
transform: scaleX(0.75);
transform-origin: 0 0;
text-transform: uppercase;
}
#inner-hleft-text{
overflow-y: scroll;
font-family: "Favorit", Arial, Helvetica, sans-serif;
font-weight: 300;
font-size: calc(12px + 0.3vw);
}
li{
list-style: none;
transform: scaleX(0.75);
transform-origin: 0 0;
}
#inner-hleft-text::-webkit-scrollbar {
display: none;
}
/* TWO BACKGROUND COLORS */
#indexyellowleft{
position: fixed;
left: 0;
top: 0;
display: inline-block;
width: 25vw;
height: 100vh;
background-color: white;
}
#indexyellowright{
position: fixed;
left: 25vw;
top: 0;
display: inline-block;
height: 100vh;
width: 75vw;
background-color: #cfff00;
}
img{
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 3px 10px 0 rgba(0, 0, 0, 0.19);
}