MacWatrousS3Website/stylesheet.css at master · MacWatrous/MacWatrousS3Website · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
/* background setup */
.background {
    background-repeat:no-repeat;
    /* custom background-position */
    background-position:50% 50%;
    /* ie8- graceful degradation */
    background-position:50% 50% !important;
}

/* fullscreen setup */
html, body {
    /* give this to all tags from html to .fullscreen */
    height:100%;
    margin:0;
}
.fullscreen,
.content-a {
    width:100%;
    height:100%;
    overflow:hidden;
}
.fullscreen.overflow,
.fullscreen.overflow .content-a {
    height:auto;
    min-height:100%;
}

/* content centering styles */
.content-a {
    display:table;
}
.content-b {
    display:table-cell;
    position:relative;
    vertical-align:middle;
    text-align:center;
    padding-left:25%
}

.text {
      font-family: 'Montserrat', sans-serif;
      text-align:left;
      color: whitesmoke;
      font-weight:100;
      font-style: italic;
}

#title {
      font-size: 200%;
      font-weight: 700;
      font-style: normal;
      color: white;
}

#nickname {
      font-weight: 200;
      padding-left: 4px;
      font-size: 95%;
      color: cornsilk;
      font-style: normal;

}

#linkContainer {
      font-weight: 400;
      font-style: normal;
      padding-top: 15px;

}

#linkedIn {
        float: left;
        padding-right: 10px;
}

#github {

}
img {
      height: 32px;
      width: 32px;
      vertical-align: middle;
      padding-right: 4px;
      padding-bottom: 4px;
}

a {
      color: white;
      text-decoration: none;
}

@media (max-width:911px) {
      #title {
            font-size: 130%;
      }
      .text {
            font-size: 90%;
      }
}