Skip to content
Permalink
6f65b45d84
Switch branches/tags

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?

dmd3475/final/css.css

Go to file
 
 
Cannot retrieve contributors at this time
278 lines (272 sloc) 7.73 KB
Raw Blame
body{
margin:0;
}
.titleBox{
position:fixed;
min-width:18vw;
color:white;
background-color:rgba(0,0,0,.75);
top:0px;
right: 0px;
text-align:center;
z-index:1;
}
.bigWord{
margin:0px 0px -5px 0px;
padding:3px 0px 0px 0px;
font-family:Andika;
font-size:3vw
}
.smallWord{
margin:0;
padding:0;
font-family:Kalam;
font-weight: lighter;
font-size:1vw;
}
.titleLine{
width:100%;
height:0.25px;
background-color:white;
margin:3px 0px 10px 0px;
}
.content{
position:relative;
display:flex;
flex-direction: column;
margin:0px auto;
}
#canvas{
position:relative;
top:0;
bottom:0;
left:0;
right:0;
width: 100%;
/* min-width:100vw; */
min-height: 100vh;
/* z-index:-1; */
}
#bianDang{
position:relative;
background-image: url(img/bianDang_close.jpg);
background-size: cover;
min-width:100%;
min-height: 100%;
/* z-index:-1; */
/* -webkit-animation: blur 3s ;
-webkit-animation-fill-mode: forwards; */
}
/* @-webkit-keyframes blur {
0% { -webkit-filter: blur(10px); }
100% { -webkit-filter: blur(0px); }
} */
/* .drinks{
position:absolute;
width:10%;
margin:20% 0% 0% 10%;
}
.organs{
position:absolute;
width:10%;
}
.friedRice{
position:absolute;
width:10%;
} */
.wordContent{
margin:0px auto;
}
.intro{
padding:100px;
position:relative;
margin:0 auto;
display:flex;
flex-direction: column;
justify-content: center;
align-items: center;
height:50%;
}
.bold{
font-weight:bold;
}
.statement{
padding:10px 50px;
}
.statementImage{
float:right;
padding:10px 30px;
}
.bio{
padding:10px 50px;
}
.footer{
background-color:black;
color:white;
margin-bottom:0;
padding-top:10px;
padding-bottom:10px;
text-align:center;
align-self:flex-end;
}
h1{
font-family:Andika;
font-weight: bold;
padding:10px 0px;
margin:0;
}
p{
margin:0;
font-family:Andika;
padding:10px 0px;
}
.title{
font-style: italic;
}
.photoGallery{
display:flex;
justify-content: space-around;
height:50%;
background-color:black;
}
.photos{
margin:0;
padding:0;
width:33%;
}
.bio{
display:flex;
align-items: center;
}
.portfolio{
width:200px;
border-radius: 50%;
padding:0px 50px;
}
/* fonts */
/* cyrillic-ext */
@font-face {
font-family: 'Andika';
font-style: normal;
font-weight: 400;
font-display: swap;
src: local('Andika Regular'), local('Andika-Regular'), url(https://fonts.gstatic.com/s/andika/v11/mem_Ya6iyW-LwqgwZ7YQarw.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
font-family: 'Andika';
font-style: normal;
font-weight: 400;
font-display: swap;
src: local('Andika Regular'), local('Andika-Regular'), url(https://fonts.gstatic.com/s/andika/v11/mem_Ya6iyW-LwqgwbrYQarw.woff2) format('woff2');
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
font-family: 'Andika';
font-style: normal;
font-weight: 400;
font-display: swap;
src: local('Andika Regular'), local('Andika-Regular'), url(https://fonts.gstatic.com/s/andika/v11/mem_Ya6iyW-LwqgwZbYQarw.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Andika';
font-style: normal;
font-weight: 400;
font-display: swap;
src: local('Andika Regular'), local('Andika-Regular'), url(https://fonts.gstatic.com/s/andika/v11/mem_Ya6iyW-LwqgwZLYQarw.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Andika';
font-style: normal;
font-weight: 400;
font-display: swap;
src: local('Andika Regular'), local('Andika-Regular'), url(https://fonts.gstatic.com/s/andika/v11/mem_Ya6iyW-LwqgwarYQ.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
font-family: 'Kalam';
font-style: normal;
font-weight: 300;
font-display: swap;
src: local('Kalam Light'), local('Kalam-Light'), url(https://fonts.gstatic.com/s/kalam/v10/YA9Qr0Wd4kDdMtD6GjLNkiQ4tg.woff2) format('woff2');
unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}
/* latin-ext */
@font-face {
font-family: 'Kalam';
font-style: normal;
font-weight: 300;
font-display: swap;
src: local('Kalam Light'), local('Kalam-Light'), url(https://fonts.gstatic.com/s/kalam/v10/YA9Qr0Wd4kDdMtD6GjLCkiQ4tg.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Kalam';
font-style: normal;
font-weight: 300;
font-display: swap;
src: local('Kalam Light'), local('Kalam-Light'), url(https://fonts.gstatic.com/s/kalam/v10/YA9Qr0Wd4kDdMtD6GjLMkiQ.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
font-family: 'Kalam';
font-style: normal;
font-weight: 400;
font-display: swap;
src: local('Kalam'), local('Kalam-Regular'), url(https://fonts.gstatic.com/s/kalam/v10/YA9dr0Wd4kDdMthQOCfzsw.woff2) format('woff2');
unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}
/* latin-ext */
@font-face {
font-family: 'Kalam';
font-style: normal;
font-weight: 400;
font-display: swap;
src: local('Kalam'), local('Kalam-Regular'), url(https://fonts.gstatic.com/s/kalam/v10/YA9dr0Wd4kDdMthfOCfzsw.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Kalam';
font-style: normal;
font-weight: 400;
font-display: swap;
src: local('Kalam'), local('Kalam-Regular'), url(https://fonts.gstatic.com/s/kalam/v10/YA9dr0Wd4kDdMthROCc.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
font-family: 'Kalam';
font-style: normal;
font-weight: 700;
font-display: swap;
src: local('Kalam Bold'), local('Kalam-Bold'), url(https://fonts.gstatic.com/s/kalam/v10/YA9Qr0Wd4kDdMtDqHTLNkiQ4tg.woff2) format('woff2');
unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}
/* latin-ext */
@font-face {
font-family: 'Kalam';
font-style: normal;
font-weight: 700;
font-display: swap;
src: local('Kalam Bold'), local('Kalam-Bold'), url(https://fonts.gstatic.com/s/kalam/v10/YA9Qr0Wd4kDdMtDqHTLCkiQ4tg.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Kalam';
font-style: normal;
font-weight: 700;
font-display: swap;
src: local('Kalam Bold'), local('Kalam-Bold'), url(https://fonts.gstatic.com/s/kalam/v10/YA9Qr0Wd4kDdMtDqHTLMkiQ.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}