-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathstyle.css
86 lines (86 loc) · 3.21 KB
/
style.css
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
::selection{
background-color: transparent;
}
h2{
font-weight: bold;
}
.top{
height: 1090px;width: 100%;background-image:url("assets/backgrounds/h_img.jpg") !important;
background-size: cover;background-repeat: no-repeat;overflow: auto;
display: flex;align-items: center;flex-direction: column;justify-content: flex-end;
}
.hinfo{
text-align: center;color: white;display: flex;flex-direction: column;justify-content: space-around; align-items: center;margin-top: 10px;
}
.log{
height: 100px;width: 100px;margin: 20px;
}
.hmouse{
height:150px; margin-top:200px;width: 100px;
}
.htext{
font-size: 40px;margin-top: 80px;
}
.sh-info{font-weight: bold;margin-top: 80px;}
.b1-text{
min-height:300px;width:90% !important;text-align: center !important;display: flex;flex-direction: column;justify-content: space-around; align-items: center; padding:30px;
}
.b2-text{
min-height:300px;width:100%;background-image:url('assets/backgrounds/s_image.jpg');background-repeat: no-repeat;background-size: cover;display: flex;flex-direction: column;justify-content: space-around; align-items: center;padding: 20px;color:white;
}
.b3-text{
min-height:250px;width:100%;display: flex;flex-direction: column;justify-content: space-between; align-items: center;padding: 20px;
}
.b3-text-content{
display: flex;flex-direction: row;justify-content: space-between;align-items: center;width:100%; min-height:200px;padding:20px;
}
.desc{
height: 96%;width:95%;display:none;text-align: center;font-size: 1em;
}
.m2-div{text-align: center;height: 250px;width:98% !important;}
.m2-cont{text-align: center;}
.portfolio{
min-height: 450px;width:100%;
}
.project{
margin:20px !important;max-width: 22% !important; text-align: center !important; min-width:200px !important;
}
.portholder{
display:flex !important;min-height:300px !important;width:85% !important;flex-direction: row;justify-content: space-around;align-items: center;padding-left:20px !important ;margin:0px auto !important;
}
.contact{
min-height:250px ;width:100%; display: flex;flex-direction: column;justify-content: space-around;align-items: center;padding:20px;background-image: url('assets/backgrounds/c_image.jpg');background-repeat: no-repeat;color: white;
}
.formholder{
height: auto !important;width:60%;background: transparent !important;
}
.input{
background-color: transparent !important;color:white !important;border: 2px solid white !important;height:40px !important;width:48% !important;outline: none !important;
}
.alert{
color:red;
}
::placeholder{
color:white;
}
.textarea{
background-color: transparent;border: 2px solid white; width: 95%;height:250px;outline:none;resize: none;
color:white;
}
.nameholder{
border:2px solid white;background:transparent;color:white;font-weight: bold;font-size:30px;z-index: 9;display:none;width: 80%;height:80%;position: absolute;top:10%;left:10%;
}
.cover{
background:rgba(38, 31, 15,0.5);z-index: 5;display:none;width: 100%;height:100%;position: absolute;top:0px;left:0px;
}
.socialholder{
margin-top: 15px !important;margin-bottom: 10px !important;
}
h2{
font-family: 'Open Sans', sans-serif;
}
#mc_embed_signup {
background: #fff;
clear: left;
font: 14px Helvetica, Arial, sans-serif;
}