57 lines
1.0 KiB
CSS
57 lines
1.0 KiB
CSS
|
/*****************************************/
|
||
|
/* do:fonts */
|
||
|
/*****************************************/
|
||
|
@font-face {
|
||
|
font-family: duolingo;
|
||
|
src: url(/fonts/duolingo.otf);
|
||
|
}
|
||
|
@font-face {
|
||
|
font-family: duolingo_bold;
|
||
|
src: url(/fonts/duolingo_bold.otf);
|
||
|
}
|
||
|
h1{
|
||
|
font-family:'duolingo_bold';
|
||
|
}
|
||
|
p{
|
||
|
font-family:'duolingo'
|
||
|
}
|
||
|
/*****************************************/
|
||
|
/* do:header */
|
||
|
/*****************************************/
|
||
|
|
||
|
.header{
|
||
|
float:left;
|
||
|
display:grid;
|
||
|
grid-column: 2;
|
||
|
grid-row: 1;
|
||
|
line-height:10px;
|
||
|
}
|
||
|
.header_pfp{
|
||
|
grid-column: 1;
|
||
|
grid-row: 1;
|
||
|
outline: 3px;
|
||
|
outline-color: #fff;
|
||
|
padding-left: 46px;
|
||
|
margin:auto;
|
||
|
}
|
||
|
.header_text{
|
||
|
grid-column: 2;
|
||
|
grid-row: 1;
|
||
|
position:relative;
|
||
|
left: 20px;
|
||
|
top: 30px;
|
||
|
}
|
||
|
.header_text_sub{
|
||
|
grid-column: 2;
|
||
|
grid-row: 2;
|
||
|
position:relative;
|
||
|
left: 20px;
|
||
|
top: -60px;
|
||
|
}
|
||
|
|
||
|
.header_links{
|
||
|
display:flexbox;
|
||
|
position:relative;
|
||
|
left: 270px;
|
||
|
top: -32px;
|
||
|
}
|