@charset "UTF-8";
/*! mishalpatel.com */*,:after,:before{margin:0;padding:0;border:0;font:inherit;box-sizing:border-box;border-radius:0}body,html{min-height:100vh;background:#a7967e;color:#8394a8;font-family:Lato,Avenir Next,AvenirNext,Avenir,gill sans,gill sans mt,Calibri,sans-serif;-webkit-tap-highlight-color:rgba(255,255,255,0)}html{font-size:62.5%}body{padding:1.5rem;font-size:1.4rem;line-height:2rem;background-repeat:no-repeat;background:#222}a:link,a:visited{color:inherit;text-decoration:none}a:focus,a:hover{text-decoration:underline}p+*{margin-top:1rem}li,ul{display:block;list-style:none}li+*{margin-top:1rem}li>a{display:block;margin:-.5rem 0;padding:.5rem 0}.stripes,[class^=stripe-]{top:0;left:0;width:100%;height:100%;overflow:hidden;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.stripes{position:fixed;z-index:0;min-height:100%}[class^=stripe-]{position:absolute;transition:-webkit-transform .5s ease-out;transition:transform .5s ease-out;transition:transform .5s ease-out,-webkit-transform .5s ease-out}.stripe-a{z-index:1;-webkit-transform:translateZ(80rem) translateX(calc(7% - 16.7rem));transform:translateZ(80rem) translateX(calc(7% - 16.7rem));background-image:linear-gradient(103.2deg,#a7967e 50.1%,transparent 0);transition-delay:.1s}.stripe-b{z-index:0;-webkit-transform:translateX(calc(7% - 11.3rem));transform:translateX(calc(7% - 11.3rem));background-image:linear-gradient(103.2deg,#55463f 50.1%,transparent 0)}.stripe-c{z-index:0;-webkit-transform:translateX(7%);transform:translateX(7%);background-image:linear-gradient(103.2deg,transparent 50%,#f44 0);transition-delay:0}.stripe-d{z-index:1;-webkit-transform:translateX(calc(7% + .8rem));transform:translateX(calc(7% + .8rem));background-image:linear-gradient(103.2deg,transparent 50%,#a7967e 0);transition-delay:.01s}.flipped .stripes{pointer-events:none}.flipped .stripe-a{-webkit-transform:translateX(calc(-23% - 16.7rem));transform:translateX(calc(-23% - 16.7rem));transition-delay:0}.flipped .stripe-b{-webkit-transform:translateX(calc(-23% - 11.3rem));transform:translateX(calc(-23% - 11.3rem));transition-delay:.05s}.flipped .stripe-c{-webkit-transform:translateX(28%);transform:translateX(28%);transition-delay:.01s}.flipped .stripe-d{-webkit-transform:translateX(calc(28% + .8rem));transform:translateX(calc(28% + .8rem));transition-delay:0}header img{display:none}header p{font-size:1.2rem;font-weight:500;letter-spacing:.1rem;line-height:2rem;text-transform:uppercase;color:#44372f}header p span{display:block}@media (min-width:800px){header p span{display:inline}header p span~:before{content:" · "}}header a{text-decoration:none}header+*{margin-top:3rem}h1{font-size:1.5rem;line-height:2rem;color:#f44}h1 a{cursor:default}h1 a:focus,h1 a:hover{text-decoration:none}h2{font-size:1.2rem;font-weight:500;letter-spacing:.1rem;line-height:2rem;text-transform:uppercase;margin:3rem 0 1rem;color:#edf2f8}h3{color:#aab8c7}.phone,.type{position:absolute;top:0;left:0;width:0;height:0;overflow:hidden}aside,section{position:relative;padding:0 3rem}.card,.wrap{z-index:500}.wrap{-webkit-transform:translateZ(0);transform:translateZ(0)}.scene{position:relative;width:100%;min-height:calc(100vh - 3rem);-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-perspective-origin:50% 55%;perspective-origin:50% 55%;-webkit-perspective:80rem;perspective:80rem;display:flex;align-items:center;justify-content:center;flex-flow:column nowrap}.card{padding:3rem;background:#fcfbfa;color:#72706f;box-shadow:0 1px 2px 0 rgba(42,33,27,.15),0 2px 4px 0 rgba(42,33,27,.06),0 3px 14px 0 rgba(43,34,27,.1),0 6px 35px 0 rgba(43,34,28,.25)}.js .more{display:none;background:rgba(0,0,0,.65)}@media (min-width:800px){.js .more{background:none}}.js .flipped .more{display:grid;padding-bottom:1rem}.js .card,.js .more,.js .wrap{max-width:48rem;width:100%}.fullname{max-width:33rem;min-width:29rem;margin:0 auto;max-height:6.5rem;min-height:5.5rem;background-size:100%}.fullname:before{display:block;content:"Mishal Patel";font-family:Lato,sans-serif;font-size:5.5rem}.wrap{position:relative;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}.flip{-webkit-transform:rotateY(180deg);transform:rotateY(180deg);-webkit-animation:flip .6s linear normal;animation:flip .6s linear normal}.unflip{-webkit-transform:rotateY(0);transform:rotateY(0);-webkit-animation:unflip .5s linear normal;animation:unflip .5s linear normal}.back,.front{min-height:23rem;-webkit-backface-visibility:hidden;backface-visibility:hidden}.front{position:absolute;top:0;left:0;height:100%;padding-right:0;padding-left:0;text-align:center;-webkit-transform:rotateY(0deg);transform:rotateY(0deg);cursor:pointer}.front p{font-size:1.2rem;font-weight:500;letter-spacing:.1rem;line-height:1rem;text-transform:uppercase;color:#f44}.front p span{display:inline}.front p span~:before{content:" · "}.back{position:relative;-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}@media (min-width:800px){.back .adr~*{margin-top:0}}@media (min-width:800px){.back .adr,.back .adr~*{text-align:right}}.back .contact{margin-top:9rem}@media (min-width:800px){.back .contact{display:grid;grid-template-rows:2rem 2rem}}.back button{position:absolute;top:0;right:0;padding:2rem;background:#fcfbfa}@media (min-width:800px){.more{grid-template-columns:15rem 1fr}}.more aside{padding-right:0;grid-column:1/2;grid-row:1/999}.flipped .more{opacity:1;-webkit-animation:appear .5s ease-in;animation:appear .5s ease-in}@-webkit-keyframes flip{0%{-webkit-transform:rotate(0) rotateY(0deg);transform:rotate(0) rotateY(0deg)}25%{-webkit-transform:rotate(-.4deg) rotateY(-45deg);transform:rotate(-.4deg) rotateY(-45deg)}50%{-webkit-transform:rotate(-4deg) rotateY(-90deg);transform:rotate(-4deg) rotateY(-90deg)}75%{-webkit-transform:rotate(-.4deg) rotateY(-155deg);transform:rotate(-.4deg) rotateY(-155deg)}to{-webkit-transform:rotate(0) rotateY(-180deg);transform:rotate(0) rotateY(-180deg)}}@keyframes flip{0%{-webkit-transform:rotate(0) rotateY(0deg);transform:rotate(0) rotateY(0deg)}25%{-webkit-transform:rotate(-.4deg) rotateY(-45deg);transform:rotate(-.4deg) rotateY(-45deg)}50%{-webkit-transform:rotate(-4deg) rotateY(-90deg);transform:rotate(-4deg) rotateY(-90deg)}75%{-webkit-transform:rotate(-.4deg) rotateY(-155deg);transform:rotate(-.4deg) rotateY(-155deg)}to{-webkit-transform:rotate(0) rotateY(-180deg);transform:rotate(0) rotateY(-180deg)}}@-webkit-keyframes unflip{0%{-webkit-transform:rotate(0) rotateY(-180deg);transform:rotate(0) rotateY(-180deg)}25%{-webkit-transform:rotate(.4deg) rotateY(-155deg);transform:rotate(.4deg) rotateY(-155deg)}50%{-webkit-transform:rotate(4deg) rotateY(-90deg);transform:rotate(4deg) rotateY(-90deg)}75%{-webkit-transform:rotate(.4deg) rotateY(-45eg);transform:rotate(.4deg) rotateY(-45eg)}to{-webkit-transform:rotate(0) rotateY(0deg);transform:rotate(0) rotateY(0deg)}}@keyframes unflip{0%{-webkit-transform:rotate(0) rotateY(-180deg);transform:rotate(0) rotateY(-180deg)}25%{-webkit-transform:rotate(.4deg) rotateY(-155deg);transform:rotate(.4deg) rotateY(-155deg)}50%{-webkit-transform:rotate(4deg) rotateY(-90deg);transform:rotate(4deg) rotateY(-90deg)}75%{-webkit-transform:rotate(.4deg) rotateY(-45eg);transform:rotate(.4deg) rotateY(-45eg)}to{-webkit-transform:rotate(0) rotateY(0deg);transform:rotate(0) rotateY(0deg)}}@-webkit-keyframes appear{0%{opacity:0}to{opacity:1}}@keyframes appear{0%{opacity:0}to{opacity:1}}
/*# sourceMappingURL=main.css.map */
