-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.css
81 lines (80 loc) · 4.27 KB
/
index.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
html{line-height:1.15;-webkit-text-size-adjust:100%}
body{margin:0}
h1{font-size:2em;margin:.67em 0}
hr{box-sizing:content-box;height:0;overflow:visible}
pre{font-family:monospace, monospace;font-size:1em}
a{background-color:transparent}
abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}
b,strong{font-weight:bolder}
code,kbd,samp{font-family:monospace, monospace;font-size:1em}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-.25em}
sup{top:-.5em}
img{border-style:none}
button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}
button,input{overflow:visible}
button,select{text-transform:none}
[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}
[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}
[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}
fieldset{padding:.35em .75em .625em}
legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}
progress{vertical-align:baseline}
textarea{overflow:auto}
[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}
[type=search]{-webkit-appearance:textfield;outline-offset:-2px}
[type=search]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
details{display:block}
summary{display:list-item}
[hidden],template{display:none}
*{-webkit-box-sizing:border-box;box-sizing:border-box}
::-moz-selection{background:#00d2ff}
::selection{background:#00d2ff}
body,html{font-size:16px;word-break:keep-all;font-family:Pretendard, -apple-system, BlinkMacSystemFont, Bazier Square, Noto Sans KR, Segoe UI, Apple SD Gothic Neo, Roboto, Helvetica Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;letter-spacing:-.3px;color:#222;padding-bottom:2rem;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
@media screen and (max-width:960px){
body,html{font-size:14px}
}
body:before{position:fixed;z-index:1;top:0;display:block;content:"";width:100%;height:10px;background:#00d2ff;background:-webkit-gradient(linear, left top, right top, from(#3a7bd5), to(#00d2ff));background:linear-gradient(90deg, #3a7bd5, #00d2ff)}
section{padding:0 2rem}
p{margin:0 0 1rem;font-size:1.1rem;line-height:1.4}
a{color:#3a7bd5;-webkit-transition:color .3s ease;transition:color .3s ease}
a:hover{color:#00d2ff}
h1{font-size:5rem;line-height:1.1}
@media screen and (max-width:960px){
h1{font-size:3rem}
}
h2{font-size:3rem;margin:4rem 0 2rem}
h3,h4{font-size:2rem;margin:0 0 1rem}
@media screen and (max-width:960px){
h4{font-size:1.5rem}
}
h5{font-size:1.3rem;margin:0 0 .5rem;color:#333}
ul{list-style:none;padding:0;margin:0 0 1rem;font-size:1.1rem}
ul>li{position:relative;padding:.2rem 0 .2rem 1rem}
ul>li:before{position:absolute;left:0;display:inline-block;content:"•";color:#3a7bd5}
.container{width:100%;max-width:60rem;margin:auto}
.period-mark{color:#3a7bd5}
.big-paragraph{font-size:2rem;line-height:1.4;font-weight:500}
@media screen and (max-width:960px){
.big-paragraph{font-size:1.5rem}
}
.row{display:-webkit-box;display:-ms-flexbox;display:flex;padding:3rem 0;border-bottom:1px solid #eee}
.row-left{-ms-flex-preferred-size:18rem;flex-basis:18rem;padding-right:1rem;-ms-flex-negative:0;flex-shrink:0}
.row-right{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}
@media screen and (max-width:960px){
.row{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.row-left{-ms-flex-preferred-size:100%;flex-basis:100%;padding-right:0;padding-bottom:1rem}
}
.other{padding:3rem 0;border-bottom:1px solid #eee}
.role,.tech{display:block}
.tech{font-size:0.9rem;border-top:1px solid #eee;margin-top:16px;padding-top:5px}
.project{padding:1.5rem 0}
.project:first-child{padding-top:0}
.time{display:block;margin-bottom:1.5rem}
mark{padding:2px 4px;background-color:#eee;border-radius:3px}
.thumb1{width:99%}
.thumb2{width:49.3%}
.thumb3{width:33%}