forked from avinash201199/Portfolio-Collection
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
126 lines (126 loc) · 34 KB
/
index.html
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
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 2.19.45"/><style data-styled="" data-styled-version="5.0.1">.jseVzA{font-size:13px;line-height:1.6em;max-width:800px;}
@media screen and (min-width:320px){.jseVzA{font-size:calc(13px + (2 * (100vw - 320px)) / 1120);}}
data-styled.g1[id="styled__HomeWrapper-gj0s28-0"]{content:"jseVzA,"}
.fyJKwF{font-size:13px;line-height:1.6em;font-family:Rubik,Arial,sans-serif;}
@media screen and (min-width:320px){.fyJKwF{font-size:calc(13px + (2 * (100vw - 320px)) / 1120);}}
.fyJKwF p{font-size:18px;line-height:1.6em;font-family:Rubik,Arial,sans-serif;text-align:justify;}
.fyJKwF media screen and (min-width:320px) p{margin-bottom:calc(24px + (8 * (100vw - 320px)) / 1120);}
.fyJKwF p{margin-bottom:24px;font-size:calc(18px + (8 * (100vw - 320px)) / 1120);}
@media screen and (min-width:320px){.fyJKwF{font-size:calc(18px + (8 * (100vw - 320px)) / 1120);}}
data-styled.g2[id="styled__TextBlock-gj0s28-1"]{content:"fyJKwF,"}
.hlsgWO h1{margin-bottom:24px;}
@media screen and (min-width:320px){.hlsgWO h1{margin-bottom:calc(24px + (8 * (100vw - 320px)) / 1120);}}
.hlsgWO .span-name{margin-bottom:24px;font-size:14px;line-height:1.6em;display:block;-webkit-letter-spacing:0.32em;-moz-letter-spacing:0.32em;-ms-letter-spacing:0.32em;letter-spacing:0.32em;text-transform:uppercase;color:rgb(105,105,105);}
@media screen and (min-width:320px){.hlsgWO .span-name{font-size:calc(14px + (2 * (100vw - 320px)) / 1120);margin-bottom:calc(10px + (8 * (100vw - 320px)) / 1120);}}
.hlsgWO .span-describe{margin-bottom:calc(14px + (8 * (100vw - 320px)) / 1120);}
.hlsgWO .span-describe{font-size:28px;line-height:1.4em;display:block;font-family:"Roboto Mono",monospace;word-spacing:-0.08em;font-weight:500;-webkit-letter-spacing:-0.04em;-moz-letter-spacing:-0.04em;-ms-letter-spacing:-0.04em;letter-spacing:-0.04em;color:rgb(237,237,237);}
@media screen and (min-width:400px){.hlsgWO .span-describe{font-size:calc(28px + (14 * (100vw - 320px)) / 1120);}}
@media screen and (max-width:400px){.hlsgWO .span-describe{font-size:calc(24px + (14 * (100vw - 320px)) / 1120) !important;}}
@media screen and (max-width:350px){.hlsgWO .span-describe{font-size:calc(20px + (14 * (100vw - 320px)) / 1120) !important;}}
data-styled.g3[id="styled__TitleH-gj0s28-2"]{content:"hlsgWO,"}
.iKuQOU{-webkit-align-content:center;-ms-flex-line-pack:center;align-content:center;-webkit-box-align:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:start;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;position:relative;width:100%;}
@media screen and (max-width:420px){.iKuQOU{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}}
.iKuQOU .actionText:hover{border-color:rgb(237,237,237);border-width:0px 0px 2px;-webkit-transition:border-color 0.3s ease 0s,color 0.3s ease 0s;transition:border-color 0.3s ease 0s,color 0.3s ease 0s;}
.iKuQOU .actionText{border-color:transparent;border-width:0px 0px 2px;}
.iKuQOU .actionText{margin-left:12px;margin-right:12px;cursor:pointer;display:inline-block;white-space:nowrap;border-style:solid;-webkit-text-decoration:none;text-decoration:none;-webkit-transition:border-color 0.1s ease 0s,color 0.1s ease 0s;transition:border-color 0.1s ease 0s,color 0.1s ease 0s;padding-top:3px;font-weight:500;-webkit-letter-spacing:0.08em;-moz-letter-spacing:0.08em;-ms-letter-spacing:0.08em;letter-spacing:0.08em;line-height:1.4em;text-align:center;text-transform:uppercase;color:rgb(237,237,237);font-family:Rubik,Arial,sans-serif;-webkit-transition:border-color 0.3s ease 0s,color 0.3s ease 0s;transition:border-color 0.3s ease 0s,color 0.3s ease 0s;}
.iKuQOU a:first-child{margin-left:0px;background-color:rgb(237,237,237);border-radius:4px;color:#191919;padding:10px;font-weight:bold;}
.iKuQOU a:first-child:hover{margin-left:0px;background-color:#191919;border-radius:4px;color:rgb(237,237,237);padding:10px;font-weight:bold;border:inset;}
@media screen and (min-width:320px){.iKuQOU a{margin-right:calc(12px + (4 * (100vw - 320px)) / 1120);margin-left:calc(12px + (4 * (100vw - 320px)) / 1120);padding-bottom:calc(3px + (1 * (100vw - 320px)) / 1120);padding-top:calc(3px + (1 * (100vw - 320px)) / 1120);}}
data-styled.g4[id="styled__ActionBar-gj0s28-3"]{content:"iKuQOU,"}
.gKwfZl{-webkit-flex:0 0 25%;-ms-flex:0 0 25%;flex:0 0 25%;}
.gKwfZl h1{line-height:1.4em;color:rgb(237,237,237);font-family:Rubik,Arial,sans-serif;white-space:normal;border-style:solid;border-width:0px 0px 2px;-webkit-transition:border-color 0.3s ease 0s,color 0.3s ease 0s;transition:border-color 0.3s ease 0s,color 0.3s ease 0s;border-color:transparent;font-size:22px;font-weight:bolder;}
@media screen and (min-width:320px){.gKwfZl h1{margin-bottom:2.3rem;padding:calc(0px + (0 * (100vw - 320px)) / 1120);}}
.gKwfZl .description{font-size:calc(13px + (2 * (100vw - 320px)) / 1120);}
.gKwfZl .student{margin-top:10px;line-height:2;}
data-styled.g6[id="styled__TitleWrapper-sc-14tzmvo-0"]{content:"gKwfZl,"}
.eapdBA{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:end;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;-webkit-flex:0 0 25%;-ms-flex:0 0 25%;flex:0 0 25%;}
data-styled.g7[id="styled__ContactWrapper-eompjn-0"]{content:"eapdBA,"}
.iLKhgu{font-size:13px;line-height:1.6em;font-family:Rubik,Arial,sans-serif;}
@media screen and (min-width:320px){.iLKhgu{font-size:calc(13px + (2 * (100vw - 320px)) / 1120);}}
data-styled.g8[id="styled__TextString-eompjn-1"]{content:"iLKhgu,"}
.bJcuax{height:0px;clear:both;position:relative;width:100%;margin-top:6px;margin-bottom:6px;border-color:transparent;border-width:0px 0px 2px;background:transparent;}
@media screen and (min-width:320px){.bJcuax{margin-bottom:calc(6px + (2 * (100vw - 320px)) / 1120);margin-top:calc(6px + (2 * (100vw - 320px)) / 1120);}}
data-styled.g9[id="styled__TextSeparator-eompjn-2"]{content:"bJcuax,"}
@media screen and (min-width:320px){.fIuVLQ{margin-bottom:calc(12px + (4 * (100vw - 320px)) / 1120);}}
data-styled.g10[id="styled__SocialLinks-eompjn-3"]{content:"fIuVLQ,"}
.hyreXW{margin-left:6px;margin-right:6px;display:inline;}
@media screen and (min-width:320px){.hyreXW li:first-child{margin-left:calc(0px + (0 * (100vw - 320px)) / 1120);margin-left:0px;}}
.hyreXW a{color:rgb(237,237,237) !important;font-size:18px;}
data-styled.g11[id="styled__LinkItem-eompjn-4"]{content:"hyreXW,"}
.ksBHPF{color:rgb(131,131,131);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%;}
data-styled.g12[id="styled__MenuWrapper-sc-1hdjmrp-0"]{content:"ksBHPF,"}
.jmUUZB{margin:0.8vh 0px;}
.jmUUZB a{color:rgb(158,158,158);font-size:14px;line-height:1.6em;padding-top:3px;font-weight:500;-webkit-letter-spacing:0.08em;-moz-letter-spacing:0.08em;-ms-letter-spacing:0.08em;letter-spacing:0.08em;line-height:1.4em;text-align:center;text-transform:uppercase;font-family:Rubik,Arial,sans-serif;border-style:solid;border-width:0px 0px 2px;-webkit-transition:border-color 0.3s ease 0s,color 0.3s ease 0s;transition:border-color 0.3s ease 0s,color 0.3s ease 0s;border-color:transparent;cursor:pointer;display:inline-block;white-space:nowrap;border-style:solid;-webkit-text-decoration:none;text-decoration:none;-webkit-transition:border-color 0.1s ease 0s,color 0.1s ease 0s;transition:border-color 0.1s ease 0s,color 0.1s ease 0s;}
.jmUUZB a:hover{color:rgb(237,237,237) !important;border-color:rgb(237,237,237);}
@media screen and (min-width:320px){.jmUUZB a{font-size:calc(14px + (2 * (100vw - 320px)) / 1120);padding-bottom:0;padding-top:0;margin-bottom:calc(24px + (1 * (100vw - 320px)) / 1120);}}
data-styled.g15[id="styled__ListItem-sc-1hdjmrp-3"]{content:"jmUUZB,"}
.exdUsJ{padding-bottom:6px;padding-left:24px;padding-right:24px;padding-top:24px;background-color:rgb(52,52,52);bottom:0px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;left:0px;position:fixed;top:0px;width:260px;z-index:500;}
@media screen and (min-width:320px){.exdUsJ{padding-top:calc(24px + (8 * (100vw - 320px)) / 1120);padding-right:calc(24px + (8 * (100vw - 320px)) / 1120);padding-left:calc(24px + (8 * (100vw - 320px)) / 1120);padding-bottom:calc(6px + (2 * (100vw - 320px)) / 1120);}}
@media (max-width:767px){.exdUsJ{display:none;}}
data-styled.g16[id="styled__SidebarWrapper-yydtae-0"]{content:"exdUsJ,"}
.gfUoLb{font-size:13px;padding-left:24px;padding-right:24px;-webkit-box-align:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;left:0px;line-height:1em;position:fixed;right:0px;top:0px;z-index:500;padding-top:12px;background-color:rgb(52,52,52);box-shadow:rgba(0,0,0,0.173) 0px 5px 0px;-webkit-transition:background-color 0.3s ease 0s,box-shadow 0.3s ease 0s,padding 0.5s ease 0s;transition:background-color 0.3s ease 0s,box-shadow 0.3s ease 0s,padding 0.5s ease 0s;}
@media screen and (min-width:320px){.gfUoLb{padding-bottom:calc(12px + (4 * (100vw - 320px)) / 1120);padding-right:calc(24px + (8 * (100vw - 320px)) / 1120);padding-top:calc(12px + (4 * (100vw - 320px)) / 1120);padding-left:calc(24px + (8 * (100vw - 320px)) / 1120);font-size:calc(13px + (2 * (100vw - 320px)) / 1120);}}
@media (min-width:768px){.gfUoLb{display:none;}}
.gfUoLb div{-webkit-flex:0 0 33.3333%;-ms-flex:0 0 33.3333%;flex:0 0 33.3333%;}
.gfUoLb div:nth-child(1){text-align:left;}
.gfUoLb div:nth-child(2){text-align:center;}
.gfUoLb div:nth-child(3){text-align:right;}
@media screen and (min-width:320px){.gfUoLb a{padding-bottom:calc(3px + (1 * (100vw - 320px)) / 1120);padding-top:calc(3px + (1 * (100vw - 320px)) / 1120);}}
data-styled.g17[id="styled__TopbarWrapper-sc-1dvett1-0"]{content:"gfUoLb,"}
.bCBLCd a,.bCBLCd span{padding-top:10px;font-weight:500;-webkit-letter-spacing:0.08em;-moz-letter-spacing:0.08em;-ms-letter-spacing:0.08em;letter-spacing:0.08em;line-height:1.4em;text-align:center;text-transform:uppercase;color:rgb(237,237,237);font-family:Rubik,Arial,sans-serif;border-style:solid;border-width:0px 0px 2px;-webkit-transition:border-color 0.3s ease 0s,color 0.3s ease 0s;transition:border-color 0.3s ease 0s,color 0.3s ease 0s;border-color:transparent;cursor:pointer;display:inline-block;white-space:nowrap;border-style:solid;-webkit-text-decoration:none;text-decoration:none;-webkit-transition:border-color 0.1s ease 0s,color 0.1s ease 0s;transition:border-color 0.1s ease 0s,color 0.1s ease 0s;}
.bCBLCd a:hover,.bCBLCd span:hover{color:rgb(237,237,237) !important;border-color:rgb(237,237,237);}
data-styled.g18[id="styled__MenuText-sc-1dvett1-1"]{content:"bCBLCd,"}
.faMNEl h1{color:rgb(237,237,237);font-family:Rubik,Arial,sans-serif;white-space:normal;border-style:solid;border-width:0px 0px 2px;-webkit-transition:border-color 0.3s ease 0s,color 0.3s ease 0s;transition:border-color 0.3s ease 0s,color 0.3s ease 0s;border-color:transparent;font-size:22px;font-weight:bolder;}
data-styled.g19[id="styled__TitleText-sc-1dvett1-2"]{content:"faMNEl,"}
.idKXJY a{padding-top:3px;font-weight:500;-webkit-letter-spacing:0.08em;-moz-letter-spacing:0.08em;-ms-letter-spacing:0.08em;letter-spacing:0.08em;line-height:1.4em;text-transform:uppercase;color:rgb(237,237,237);font-family:Rubik,Arial,sans-serif;border-style:solid;border-width:0px 0px 2px;-webkit-transition:border-color 0.3s ease 0s,color 0.3s ease 0s;transition:border-color 0.3s ease 0s,color 0.3s ease 0s;border-color:transparent;cursor:pointer;-webkit-text-decoration:none;text-decoration:none;}
.idKXJY a:hover{color:rgb(237,237,237) !important;border-color:rgb(237,237,237);}
data-styled.g20[id="styled__EmailText-sc-1dvett1-3"]{content:"idKXJY,"}
.esQsCO{padding-left:24px;padding-right:24px;padding-top:48px;padding-bottom:48px;font-size:13px;line-height:1.6em;background-color:rgb(52,52,52);text-align:center;}
@media screen and (min-width:320px){.esQsCO{font-size:calc(13px + (2 * (100vw - 320px)) / 1120);padding-bottom:calc(48px + (16 * (100vw - 320px)) / 1120);padding-top:calc(48px + (16 * (100vw - 320px)) / 1120);padding-right:calc(24px + (8 * (100vw - 320px)) / 1120);padding-left:calc(24px + (8 * (100vw - 320px)) / 1120);}}
@media screen and (min-width:767px){.esQsCO{display:none;}}
data-styled.g29[id="styled__FooterWrapper-k3yfyv-0"]{content:"esQsCO,"}
.kNfeAt{font-size:13px;line-height:1.6em;font-family:Rubik,Arial,sans-serif;}
@media screen and (min-width:320px){.kNfeAt{font-size:calc(13px + (2 * (100vw - 320px)) / 1120);}}
.kNfeAt h1{font-size:18px;line-height:1.6em;display:block;font-family:Rubik,Arial,sans-serif;font-weight:500;word-spacing:-0.04em;color:rgb(237,237,237);}
@media screen and (min-width:320px){.kNfeAt h1{margin-bottom:calc(24px + (8 * (100vw - 320px)) / 1120);margin-bottom:24px;font-size:calc(18px + (8 * (100vw - 320px)) / 1120);}}
.kNfeAt p{font-size:15px;line-height:1.6em;font-family:Rubik,Arial,sans-serif;}
@media screen and (min-width:320px){.kNfeAt p{font-size:calc(15px + (3 * (100vw - 320px)) / 1120);}}
data-styled.g30[id="styled__TextBlock-k3yfyv-1"]{content:"kNfeAt,"}
.dFcNpv{height:0px;clear:both;position:relative;width:100%;margin-top:12px;margin-bottom:12px;border-color:transparent;border-width:0px 0px 2px;background:transparent;}
@media screen and (min-width:320px){.dFcNpv{margin-bottom:calc(12px + (4 * (100vw - 320px)) / 1120);margin-top:calc(12px + (4 * (100vw - 320px)) / 1120);}}
@media (max-width:767px){.dFcNpv{margin-left:auto;margin-right:auto;display:block;}}
data-styled.g31[id="styled__Separator-k3yfyv-2"]{content:"dFcNpv,"}
.sDAWb{padding-top:3px;font-weight:500;-webkit-letter-spacing:0.08em;-moz-letter-spacing:0.08em;-ms-letter-spacing:0.08em;letter-spacing:0.08em;line-height:1.4em;text-align:center;-webkit-text-decoration:none;text-decoration:none;text-transform:uppercase;color:rgb(237,237,237);font-family:Rubik,Arial,sans-serif;border-style:solid;border-width:0px 0px 2px;-webkit-transition:border-color 0.3s ease 0s,color 0.3s ease 0s;transition:border-color 0.3s ease 0s,color 0.3s ease 0s;border-color:rgb(237,237,237);}
@media screen and (min-width:320px){.sDAWb{padding-bottom:calc(3px + (1 * (100vw - 320px)) / 1120);padding-top:calc(3px + (1 * (100vw - 320px)) / 1120);}}
.sDAWb span,.sDAWb .emailLink{direction:rtl;unicode-bidi:bidi-override;color:rgb(237,237,237);-webkit-text-decoration:none;text-decoration:none;}
data-styled.g32[id="styled__linkEmail-k3yfyv-3"]{content:"sDAWb,"}
@media screen and (min-width:320px){.hovARg{margin-bottom:calc(12px + (4 * (100vw - 320px)) / 1120);}}
data-styled.g33[id="styled__SocialLinks-k3yfyv-4"]{content:"hovARg,"}
.kGgrJY{margin-left:6px;margin-right:6px;display:inline;}
@media screen and (min-width:320px){.kGgrJY li:first-child{margin-left:calc(0px + (0 * (100vw - 320px)) / 1120);margin-left:0px;}}
.kGgrJY a{color:rgb(237,237,237) !important;font-size:18px;}
data-styled.g34[id="styled__LinkItem-k3yfyv-5"]{content:"kGgrJY,"}
.dbRaWq{margin-top:calc(24px + (8 * (100vw - 320px)) / 1120);}
.dbRaWq svg{margin-top:1px;}
data-styled.g35[id="styled__AuthorCredit-k3yfyv-6"]{content:"dbRaWq,"}
.ftHYXj{background-color:#191919;padding-bottom:48px;padding-left:24px;padding-right:24px;padding-top:120px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}
@media screen and (min-width:768px){.ftHYXj{margin-left:260px;min-height:100vh;padding-bottom:120px;padding-top:0px;}}
@media screen and (max-width:830px){.ftHYXj{padding-right:calc(24px + (8 * (100vw - 320px)) / 1120);padding-left:calc(24px + (8 * (100vw - 320px)) / 1120);padding-bottom:calc(48px + (16 * (100vw - 320px)) / 1120);}}
@media screen and (min-width:830px){.ftHYXj{padding-right:calc(24px + (8 * (100vw - 320px)) / 1120);padding-left:calc(24px + (8 * (100vw - 320px)) / 1120);padding-bottom:0;}}
data-styled.g36[id="styled__LayoutMain-sc-119k7r-0"]{content:"ftHYXj,"}
@media screen and (min-width:320px){.kJjZvq{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}}
data-styled.g37[id="styled__LayoutWrapper-sc-119k7r-1"]{content:"kJjZvq,"}
.knZheS{max-width:1280px;-webkit-animation:0.3s linear 0s 1 normal none running jBcSpD;animation:0.3s linear 0s 1 normal none running jBcSpD;}
@media (min-width:768px) @media screen and (min-width:320px){.knZheS{padding-right:calc(48px + (16 * (100vw - 320px)) / 1120);padding-left:calc(48px + (16 * (100vw - 320px)) / 1120);margin-bottom:calc(48px + (16 * (100vw - 320px)) / 1120);margin-top:calc(48px + (16 * (100vw - 320px)) / 1120);}}
@media (min-width:768px){.knZheS{padding-top:48px;padding-left:48px;padding-right:48px;}}
data-styled.g38[id="styled__MainContent-sc-119k7r-2"]{content:"knZheS,"}
@import url('https://fonts.googleapis.com/css?family=Rubik&display=swap');
*{margin:0;padding:0;outline:0;box-sizing:border-box;}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{vertical-align:baseline;margin:0px;padding:0px;border-width:0px;border-style:initial;border-color:initial;border-image:initial;font:inherit;}
html,body{text-rendering:optimizelegibility;font-family:Rubik,Arial,sans-serif;-webkit-font-smoothing:antialiased;background-color:#191919;color:rgb(158,158,158);}
html,body,#root{min-height:100%;}
ul,ol{list-style:none;}
body,button,input{font-family:Rubik,Arial,sans-serif;color:rgb(158,158,158);}
.active-menu{color:rgb(237,237,237) !important;}
data-styled.g63[id="sc-global-kbFDoE1"]{content:"sc-global-kbFDoE1,"}
</style><title data-react-helmet="true">Home | Guilherme Orcezi Portfolio</title><meta data-react-helmet="true" name="description" content="My Personal portfolio page created with React and Gatsby"/><meta data-react-helmet="true" name="keywords" content=""/><meta data-react-helmet="true" property="og:title" content="Home"/><meta data-react-helmet="true" property="og:description" content="My Personal portfolio page created with React and Gatsby"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:url"/><meta data-react-helmet="true" property="og:image" content="undefined/static/guilhermeorcezi-b85e6aa56e9e380d5bca6a57be190bd1.png"/><meta data-react-helmet="true" property="og:image:alt" content="My Personal portfolio page created with React and Gatsby"/><meta data-react-helmet="true" name="twitter:card" content="summary"/><meta data-react-helmet="true" name="twitter:creator" content="@guilhermeorcezi"/><meta data-react-helmet="true" name="twitter:title" content="Home"/><meta data-react-helmet="true" name="twitter:description" content="My Personal portfolio page created with React and Gatsby"/><link rel="icon" href="/icons/icon-48x48.png?v=edf3d310d67f8284a562bc3a58c3e761"/><link rel="manifest" href="/manifest.webmanifest"/><meta name="theme-color" content="#663399"/><link rel="apple-touch-icon" sizes="48x48" href="/icons/icon-48x48.png?v=edf3d310d67f8284a562bc3a58c3e761"/><link rel="apple-touch-icon" sizes="72x72" href="/icons/icon-72x72.png?v=edf3d310d67f8284a562bc3a58c3e761"/><link rel="apple-touch-icon" sizes="96x96" href="/icons/icon-96x96.png?v=edf3d310d67f8284a562bc3a58c3e761"/><link rel="apple-touch-icon" sizes="144x144" href="/icons/icon-144x144.png?v=edf3d310d67f8284a562bc3a58c3e761"/><link rel="apple-touch-icon" sizes="192x192" href="/icons/icon-192x192.png?v=edf3d310d67f8284a562bc3a58c3e761"/><link rel="apple-touch-icon" sizes="256x256" href="/icons/icon-256x256.png?v=edf3d310d67f8284a562bc3a58c3e761"/><link rel="apple-touch-icon" sizes="384x384" href="/icons/icon-384x384.png?v=edf3d310d67f8284a562bc3a58c3e761"/><link rel="apple-touch-icon" sizes="512x512" href="/icons/icon-512x512.png?v=edf3d310d67f8284a562bc3a58c3e761"/><link as="script" rel="preload" href="/app-092e35630d9e34ea67d5.js"/><link as="script" rel="preload" href="/component---src-pages-index-js-225dd7863fd26a9ad36a.js"/><link as="script" rel="preload" href="/commons-2a339349098c23439ccf.js"/><link as="script" rel="preload" href="/webpack-runtime-94f29a03fd0a5c284eb8.js"/><link as="fetch" rel="preload" href="/page-data\index\page-data.json" crossorigin="anonymous"/><link as="fetch" rel="preload" href="/page-data\app-data.json" crossorigin="anonymous"/></head><body><div id="___gatsby"><div style="outline:none" tabindex="-1" id="gatsby-focus-wrapper"><section class="styled__LayoutWrapper-sc-119k7r-1 kJjZvq"><div class="styled__TopbarWrapper-sc-1dvett1-0 gfUoLb"><div class="styled__MenuText-sc-1dvett1-1 bCBLCd"><span>Menu</span></div><div class="styled__TitleText-sc-1dvett1-2 faMNEl"><h1>Guilherme</h1></div><div class="styled__EmailText-sc-1dvett1-3 idKXJY"><a href="mailto:guilhermeorcezi@gmail.com">Email</a></div></div><aside class="styled__SidebarWrapper-yydtae-0 exdUsJ"><section class="styled__TitleWrapper-sc-14tzmvo-0 gKwfZl"><h1>Guilherme Orcezi</h1><p class="description">Fullstack Developer Jr</p><p class="description student">Systems Analysis and Development student</p></section><div class="styled__MenuWrapper-sc-1hdjmrp-0 ksBHPF"><nav class="styled__NavWrapper-sc-1hdjmrp-1 eIDANC"><ul class="styled__ListWrapper-sc-1hdjmrp-2 gwwpiG"><li class="styled__ListItem-sc-1hdjmrp-3 jmUUZB"><a aria-current="page" class="active-menu" href="/">About me</a></li><li class="styled__ListItem-sc-1hdjmrp-3 jmUUZB"><a href="/techs">Techs</a></li><li class="styled__ListItem-sc-1hdjmrp-3 jmUUZB"><a href="/projects">Projects</a></li><li class="styled__ListItem-sc-1hdjmrp-3 jmUUZB"><a href="https://www.docdroid.net/dHFQmP1/cv-guilherme-orcezi-pdf" target="_blank" rel="noopener noreferrer">Curriculum</a></li><li class="styled__ListItem-sc-1hdjmrp-3 jmUUZB"><a href="mailto:guilhermeorcezi@gmail.com">Contact</a></li></ul></nav></div><div class="styled__ContactWrapper-eompjn-0 eapdBA"><p class="styled__TextString-eompjn-1 iLKhgu">For business enquiries: guilhermeorcezi@gmail.com. Created by Guilherme Orcezi with <svg stroke="currentColor" fill="currentColor" stroke-width="0" version="1.2" baseProfile="tiny" viewBox="0 0 24 24" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M12 20c-.195 0-.391-.057-.561-.172-.225-.151-5.508-3.73-7.146-5.371-1.831-1.831-2.043-3.777-2.043-5.082 0-2.964 2.411-5.375 5.375-5.375 1.802 0 3.398.891 4.375 2.256.977-1.365 2.573-2.256 4.375-2.256 2.964 0 5.375 2.411 5.375 5.375 0 1.305-.212 3.251-2.043 5.082-1.641 1.641-6.923 5.22-7.146 5.371-.17.115-.366.172-.561.172zm-4.375-14c-1.861 0-3.375 1.514-3.375 3.375 0 1.093.173 2.384 1.457 3.668 1.212 1.212 4.883 3.775 6.293 4.746 1.41-.971 5.081-3.534 6.293-4.746 1.284-1.284 1.457-2.575 1.457-3.668 0-1.861-1.514-3.375-3.375-3.375s-3.375 1.514-3.375 3.375c0 .552-.447 1-1 1s-1-.448-1-1c0-1.861-1.514-3.375-3.375-3.375z"></path></svg></p><hr class="styled__TextSeparator-eompjn-2 bJcuax"/><ul class="styled__SocialLinks-eompjn-3 fIuVLQ"><li class="styled__LinkItem-eompjn-4 hyreXW"><a href="https://github.com/guilhermeorcezi" target="_blank" rel="noopener noreferrer" aria-label="github"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 496 512" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"></path></svg></a></li><li class="styled__LinkItem-eompjn-4 hyreXW"><a href="https://www.linkedin.com/in/guilherme-orcezi/" target="_blank" rel="noopener noreferrer" aria-label="linkedin"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 448 512" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z"></path></svg></a></li><li class="styled__LinkItem-eompjn-4 hyreXW"><a href="https://dev.to/guilhermeorcezi" target="_blank" rel="noopener noreferrer" aria-label="dev"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 448 512" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M120.12 208.29c-3.88-2.9-7.77-4.35-11.65-4.35H91.03v104.47h17.45c3.88 0 7.77-1.45 11.65-4.35 3.88-2.9 5.82-7.25 5.82-13.06v-69.65c-.01-5.8-1.96-10.16-5.83-13.06zM404.1 32H43.9C19.7 32 .06 51.59 0 75.8v360.4C.06 460.41 19.7 480 43.9 480h360.2c24.21 0 43.84-19.59 43.9-43.8V75.8c-.06-24.21-19.7-43.8-43.9-43.8zM154.2 291.19c0 18.81-11.61 47.31-48.36 47.25h-46.4V172.98h47.38c35.44 0 47.36 28.46 47.37 47.28l.01 70.93zm100.68-88.66H201.6v38.42h32.57v29.57H201.6v38.41h53.29v29.57h-62.18c-11.16.29-20.44-8.53-20.72-19.69V193.7c-.27-11.15 8.56-20.41 19.71-20.69h63.19l-.01 29.52zm103.64 115.29c-13.2 30.75-36.85 24.63-47.44 0l-38.53-144.8h32.57l29.71 113.72 29.57-113.72h32.58l-38.46 144.8z"></path></svg></a></li></ul></div></aside><main class="styled__LayoutMain-sc-119k7r-0 ftHYXj"><div class="styled__MainContent-sc-119k7r-2 knZheS"><header class="styled__HomeWrapper-gj0s28-0 jseVzA"><div class="styled__TextBlock-gj0s28-1 fyJKwF"><h1 class="styled__TitleH-gj0s28-2 hlsgWO"><span class="span-name">Hi I'm Guilherme Orcezi</span><span class="span-describe">Full Stack Developer Jr</span></h1><p>I'm from Potim (São Paulo, Brazil) and I'm 20. I'm studying Systems Analysis and Development, interested in fullstack technology. I've been studying a lot about NodeJS, ReactJS and React Native, looking for experiences and opportunities with this stack. In the graduation project of my course I used Node + ReactJS.</p></div><div class="styled__ActionBar-gj0s28-3 iKuQOU"><a class="actionText" href="/projects">See my projects</a><a href="mailto:guilhermeorcezi@gmail.com" class="actionText">Contact me</a></div></header></div></main><footer class="styled__FooterWrapper-k3yfyv-0 esQsCO"><div class="styled__TextBlock-k3yfyv-1 kNfeAt"><h1>Want to contact me?</h1><p>For business enquiries or casual chatter drop me a line (+55 12 996158865).</p></div><hr class="styled__Separator-k3yfyv-2 dFcNpv"/><a href="mailto:guilhermeorcezi@gmail.com" class="styled__linkEmail-k3yfyv-3 sDAWb">guilhermeorcezi@gmail.com</a><hr class="styled__Separator-k3yfyv-2 dFcNpv"/><ul class="styled__SocialLinks-k3yfyv-4 hovARg"><li class="styled__LinkItem-k3yfyv-5 kGgrJY"><a href="https://github.com/guilhermeorcezi" target="_blank" rel="noopener noreferrer" aria-label="github"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 496 512" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"></path></svg></a></li><li class="styled__LinkItem-k3yfyv-5 kGgrJY"><a href="https://www.linkedin.com/in/guilherme-orcezi/" target="_blank" rel="noopener noreferrer" aria-label="linkedin"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 448 512" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z"></path></svg></a></li><li class="styled__LinkItem-k3yfyv-5 kGgrJY"><a href="https://dev.to/guilhermeorcezi" target="_blank" rel="noopener noreferrer" aria-label="dev"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 448 512" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M120.12 208.29c-3.88-2.9-7.77-4.35-11.65-4.35H91.03v104.47h17.45c3.88 0 7.77-1.45 11.65-4.35 3.88-2.9 5.82-7.25 5.82-13.06v-69.65c-.01-5.8-1.96-10.16-5.83-13.06zM404.1 32H43.9C19.7 32 .06 51.59 0 75.8v360.4C.06 460.41 19.7 480 43.9 480h360.2c24.21 0 43.84-19.59 43.9-43.8V75.8c-.06-24.21-19.7-43.8-43.9-43.8zM154.2 291.19c0 18.81-11.61 47.31-48.36 47.25h-46.4V172.98h47.38c35.44 0 47.36 28.46 47.37 47.28l.01 70.93zm100.68-88.66H201.6v38.42h32.57v29.57H201.6v38.41h53.29v29.57h-62.18c-11.16.29-20.44-8.53-20.72-19.69V193.7c-.27-11.15 8.56-20.41 19.71-20.69h63.19l-.01 29.52zm103.64 115.29c-13.2 30.75-36.85 24.63-47.44 0l-38.53-144.8h32.57l29.71 113.72 29.57-113.72h32.58l-38.46 144.8z"></path></svg></a></li></ul><div class="styled__AuthorCredit-k3yfyv-6 dbRaWq">Created by Guilherme Orcezi with <svg stroke="currentColor" fill="currentColor" stroke-width="0" version="1.2" baseProfile="tiny" viewBox="0 0 24 24" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M12 20c-.195 0-.391-.057-.561-.172-.225-.151-5.508-3.73-7.146-5.371-1.831-1.831-2.043-3.777-2.043-5.082 0-2.964 2.411-5.375 5.375-5.375 1.802 0 3.398.891 4.375 2.256.977-1.365 2.573-2.256 4.375-2.256 2.964 0 5.375 2.411 5.375 5.375 0 1.305-.212 3.251-2.043 5.082-1.641 1.641-6.923 5.22-7.146 5.371-.17.115-.366.172-.561.172zm-4.375-14c-1.861 0-3.375 1.514-3.375 3.375 0 1.093.173 2.384 1.457 3.668 1.212 1.212 4.883 3.775 6.293 4.746 1.41-.971 5.081-3.534 6.293-4.746 1.284-1.284 1.457-2.575 1.457-3.668 0-1.861-1.514-3.375-3.375-3.375s-3.375 1.514-3.375 3.375c0 .552-.447 1-1 1s-1-.448-1-1c0-1.861-1.514-3.375-3.375-3.375z"></path></svg></div></footer></section></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script id="gatsby-script-loader">/*<![CDATA[*/window.pagePath="/";/*]]>*/</script><script id="gatsby-chunk-mapping">/*<![CDATA[*/window.___chunkMapping={"app":["/app-092e35630d9e34ea67d5.js"],"component---src-pages-404-js":["/component---src-pages-404-js-b597184f834c4a07ae43.js"],"component---src-pages-articles-js":["/component---src-pages-articles-js-102531c4331525efb520.js"],"component---src-pages-index-js":["/component---src-pages-index-js-225dd7863fd26a9ad36a.js"],"component---src-pages-projects-js":["/component---src-pages-projects-js-139e463d347c0b0dcf45.js"],"component---src-pages-techs-js":["/component---src-pages-techs-js-42d0598ccdf94984181d.js"]};/*]]>*/</script><script src="/webpack-runtime-94f29a03fd0a5c284eb8.js" async=""></script><script src="/commons-2a339349098c23439ccf.js" async=""></script><script src="/component---src-pages-index-js-225dd7863fd26a9ad36a.js" async=""></script><script src="/app-092e35630d9e34ea67d5.js" async=""></script></body></html>