-
Notifications
You must be signed in to change notification settings - Fork 0
/
cover1.css
19 lines (15 loc) · 4.63 KB
/
cover1.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
img,legend{border:0}legend,td,th{padding:0}*,sub,sup{position:relative}
.profile img,[hidden],template{display:none}audio:not([controls]){display:none;height:0}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,optgroup,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre,textarea{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}table{border-collapse:collapse;border-spacing:0}*{box-sizing:border-box}h1,h2,h3,h4,h5,h6{font-weight:inherit;margin:0}.profile{background-image:url(Image/devesh2.jpg);background-repeat:no-repeat;background-size:cover;background-position:center;background-attachment:fixed;position:fixed;top:0;left:0;right:0;bottom:0;z-index:-1}
@media screen and (max-width:900px){body{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start}.profile{position:relative;background:0 0;margin-bottom:-15vw;z-index:0}.profile:after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:-webkit-linear-gradient(top,rgba(255,255,255,0) 60%,#fff);background-image:linear-gradient(to bottom,rgba(255,255,255,0) 60%,#fff);pointer-events:none}.profile img{display:block;width:100%}}article{background:rgba(255,255,255,.7);-webkit-flex-basis:57vw;-ms-flex-preferred-size:57vw;flex-basis:57vw;padding:6vw;z-index:1}
@media screen and (max-width:900px){article{padding:6vw;-webkit-box-flex:0;-webkit-flex:0;-ms-flex:0;flex:0;background:0 0}}.greeting{font-size:2.5vw;line-height:.75}
@media screen and (max-width:600px){article{padding-bottom:0}.greeting{font-size:1.1em}}.name{color:#233140;font-weight:300;font-size:4.5vw;margin-bottom:3vw}@media screen and (max-width:600px){.name{font-size:1.9em}}.message{font-size:2.5vw;line-height:1.4;margin-bottom:4vw}.message a{color:#2980b9;text-decoration:none;border-bottom:.15vw solid #e7f2fa;-webkit-transition:border-color .1s ease-in-out;transition:border-color .1s ease-in-out}.message a:hover{border-color:#94c6e7}
#instagram{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;margin-top:-.5vw;margin-left:-.5vw;margin-right:-.5vw}@media screen and (max-width:600px){.message{font-size:1.1em;margin-bottom:6vw}#instagram{margin-top:-6px;margin-left:-5.5vw;margin-right:-5.5vw}}#instagram:hover a{opacity:.8}#instagram a{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-flex-basis:calc(100%/3);-ms-flex-preferred-size:calc(100%/3);flex-basis:calc(100%/3);line-height:0;-webkit-transition:opacity .2s ease-in-out;transition:opacity .2s ease-in-out;border:.5vw solid transparent}@media screen and (min-width:1450px){
#instagram a{-webkit-flex-basis:calc(100%/4);-ms-flex-preferred-size:calc(100%/4);flex-basis:calc(100%/4)}}
@media screen and (max-width:1050px){
#instagram a{-webkit-flex-basis:calc(100%/2);-ms-flex-preferred-size:calc(100%/2);flex-basis:calc(100%/2)}}
@media screen and (max-width:900px){
#instagram a{-webkit-flex-basis:calc(100%/4);-ms-flex-preferred-size:calc(100%/4);flex-basis:calc(100%/4)}}
@media screen and (max-width:750px){
#instagram a{-webkit-flex-basis:calc(100%/3);-ms-flex-preferred-size:calc(100%/3);flex-basis:calc(100%/3)}}
#instagram a:hover{opacity:1}
#instagram img{width:100%}