[hidden]{display:none}@font-face{font-family:Montserrat;font-style:normal;font-weight:400;src:local('Montserrat Regular'),local('Montserrat-Regular'),url(https://assets.jordyvalentine.com/fonts/monsterrat-v13-latin-regular.woff2) format('woff2'),url(https://assets.jordyvalentine.com/fonts/monsterrat-v13-latin-regular.woff) format('woff')}body,html{position:fixed;opacity:1;transition:1.5s opacity;top:0;bottom:0;left:0;right:0;padding:0;margin-top:0;color:#e1e1e1;font-family:Montserrat;font-style:normal;font-weight:400;justify-content:center;text-align:center;background-color:#464646;overflow:hidden;background-image:linear-gradient(0deg,rgba(21,21,21,.5),rgba(21,21,21,.3)),url(bg.jpg);background-position:center center;background-repeat:no-repeat;background-attachment:fixed;background-size:cover}h3{display:block;font-family:Montserrat;font-style:normal;font-weight:400;font-size:2rem;text-decoration:underline}.cwrapper{padding:8px;background-color:rgba(21,21,21,.42)}body.fade-out{opacity:0;transition:none}@media (min-width:858px){html{font-size:12px}}@media (min-width:780px){html{font-size:11px}}@media (min-width:702px){html{font-size:10px}}@media (min-width:724px){html{font-size:9px}}@media (max-width:623px){html{font-size:8px}}[data-tooltip]{cursor:pointer;position:relative;z-index:1000}[data-tooltip]:after,[data-tooltip]:before{position:absolute;visibility:hidden;opacity:0;pointer-events:none;transition:all .15s cubic-bezier(.5,1,.25,1);z-index:1000}[data-tooltip]:before{padding:5px;width:110px;border-radius:3px;background:rgba(0,0,0,.5);color:#fff;content:attr(data-tooltip);text-align:center;font-size:14px;font-weight:400;line-height:1.2}[data-tooltip]:after{border:8px solid transparent;width:0;content:"";font-size:0;line-height:0}[data-tooltip]:hover:after,[data-tooltip]:hover:before{visibility:visible;opacity:1}[data-tooltip].t-md:before{width:140px}[data-tooltip].t-top:before{bottom:100%;left:50%;margin-bottom:5px;transform:translateX(-50%)}[data-tooltip].t-top:after{bottom:100%;left:50%;transform:translateX(-50%);border-top:8px solid rgba(0,0,0,.5);border-bottom:none}[data-tooltip].t-top:hover:after,[data-tooltip].t-top:hover:before{transform:translateX(-50%) translateY(-5px)}a:active,a:hover{outline:10px}a:link{color:#969696}a:visited{color:#969696}#weather{position:relative;display:flex;height:24em;justify-content:center;text-align:center;vertical-align:middle;Top:5%}#iconwrapper{height:100%;width:50%;z-index:2;display:block;float:left}#tempwrapper{height:100%;width:50%;z-index:3;display:block;float:right}#tempwrapper #unit:hover{color:#0cf;cursor:pointer}#tempwrapper #temp:hover{color:#0cf;cursor:pointer}#citySearch{max-width:40em;margin:auto;cursor:text}#city{position:relative;font-size:30px;width:8em;max-width:10em;margin:40px auto .5em;cursor:text;z-index:20;background-color:rgba(21,21,21,.42);background:rgba(21,21,21,.42)}#city:hover{color:#0cf;cursor:text}.weather{width:100%}.iconwrapper{width:50%;float:left;margin:auto}.icon{position:relative;top:5em;left:4em;line-height:0;float:left;clear:both;font-size:2.5em;padding-right:5%}.tempwrapper{position:relative;width:50%;height:100%;vertical-align:middle;float:right}.temp{position:absolute;top:.6em;right:60px;padding-left:5%;float:right;vertical-align:middle;cursor:pointer;font-size:10em}.unit{position:absolute;top:1.3em;right:.1em;clear:both;cursor:pointer;font-size:6em}.hidden{display:none}.text{position:absolute;top:50%;left:50%;width:3.6875em;height:3.6875em;margin:-.5em -1.84375em;background:0 0;background-color:transparent;border-radius:50%;font-size:10em}.cloud{position:absolute;z-index:1;top:50%;left:50%;width:3.6875em;height:3.6875em;margin:-1.84375em;background:grey;opacity:.95;border-radius:50%;box-shadow:-2.1875em .6875em 0 -.6875em grey,2.0625em .9375em 0 -.9375em grey,0 0 0 .375em rgba(128,128,128,.493),-2.1875em .6875em 0 -.3125em rgba(128,128,128,.493),2.0625em .9375em 0 -.5625em rgba(128,128,128,.493)}.cloud:after{content:'';position:absolute;bottom:0;left:-.5em;display:block;width:4.5625em;height:1em;background:grey}.cloud:nth-child(2){z-index:0;background:grey;box-shadow:-2.1875em .6875em 0 -.6875em grey,2.0625em .9375em 0 -.9375em grey,0 0 0 .375em grey,-2.1875em .6875em 0 -.3125em grey,2.0625em .9375em 0 -.5625em grey;opacity:.3;transform:scale(.5) translate(6em,-3em);animation:cloud 4s linear infinite}.cloud:nth-child(2):after{background:grey;box-shadow:0 .4375em 0 -.0625em grey}.sun{position:absolute;top:50%;left:50%;width:2.5em;height:2.5em;margin:-1.25em;background:#b4b42a;border-radius:50%;box-shadow:0 0 0 .375em #fc9800;animation:spinsun 12s infinite linear}.rays{position:absolute;top:-2em;left:50%;display:block;width:.375em;height:1.125em;margin-left:-.1875em;background:#fc9800;border-radius:.25em;box-shadow:0 5.375em #fc9800}.rays:after,.rays:before{content:'';position:absolute;top:0;left:0;display:block;width:.375em;height:1.125em;transform:rotate(60deg);transform-origin:50% 3.25em;background:#fc9800;border-radius:.25em;box-shadow:0 5.375em #fc9800}.rays:before{transform:rotate(120deg)}.cloud+.sun{margin:-2em 1em}.lightning,.rain{position:absolute;z-index:2;top:50%;left:50%;width:3.75em;height:3.75em;margin:.375em 0 0 -2em;background:0 0}.rain:after{content:'';position:absolute;z-index:2;top:50%;left:50%;width:1.125em;height:1.125em;margin:-1em 0 0 -.25em;background:#0cf;border-radius:100% 0 60% 50%/60% 0 100% 50%;box-shadow:.625em .875em 0 -.125em rgba(255,255,255,.2),-.875em 1.125em 0 -.125em rgba(255,255,255,.2),-1.375em -.125em 0 rgba(255,255,255,.2);transform:rotate(-28deg);animation:rain 3s linear infinite}.bolt{position:absolute;top:50%;left:50%;margin:-.25em 0 0 -.125em;color:#fff;opacity:.3;animation:lightning 2s linear infinite}.bolt:nth-child(2){width:.5em;height:.25em;margin:-1.75em 0 0 -1.875em;transform:translate(2.5em,2.25em);opacity:.2;animation:lightning 1.5s linear infinite}.bolt:after,.bolt:before{content:'';position:absolute;z-index:2;top:50%;left:50%;margin:-1.625em 0 0 -1.0125em;border-top:1.25em solid transparent;border-right:.75em solid;border-bottom:.75em solid;border-left:.5em solid transparent;transform:skewX(-10deg)}.bolt:after{margin:-.25em 0 0 -.25em;border-top:.75em solid;border-right:.5em solid transparent;border-bottom:1.25em solid transparent;border-left:.75em solid;transform:skewX(-10deg)}.bolt:nth-child(2):before{margin:-.75em 0 0 -.5em;border-top:.625em solid transparent;border-right:.375em solid;border-bottom:.375em solid;border-left:.25em solid transparent}.bolt:nth-child(2):after{margin:-.125em 0 0 -.125em;border-top:.375em solid;border-right:.25em solid transparent;border-bottom:.625em solid transparent;border-left:.375em solid}.snow{position:absolute;z-index:2;top:50%;left:50%;width:3.75em;height:3.75em;margin:.375em 0 0 -2em;color:#0cf;background:0 0}.flake:after,.flake:before{content:'\2744';position:absolute;top:50%;left:50%;margin:-1.025em 0 0 -1.0125em;color:#0cf;opacity:.4;animation:spin 8s linear infinite reverse}.flake:after{margin:.125em 0 0 -1em;font-size:1.5em;opacity:.8;animation:spin 14s linear infinite}.flake:nth-child(2):before{margin:-.5em 0 0 .25em;font-size:1.25em;opacity:.4;animation:spin 10s linear infinite}.flake:nth-child(2):after{margin:.375em 0 0 .125em;font-size:2em;opacity:.8;animation:spin 16s linear infinite reverse}.moon{position:absolute;top:50%;left:50%;width:3em;height:3em;margin:-1.5em;background:rgba(0,34,255,.083);border-radius:50%;box-shadow:inset 1.25em 0 rgba(19,7,240,.912)}.stars,.stars:after,.stars:before{content:'';position:absolute;top:-3em;left:2em;width:.25em;height:.25em;margin:-.125em;color:rgba(255,255,255,.5);background:currentColor;border-radius:50%;box-shadow:-4.5em 5em;animation:twinkle 5s steps(2) infinite}.stars:before{top:1em;left:.25em;box-shadow:-3.75em 4em;opacity:.5;animation:twinkle 4s steps(2) infinite}.stars:after{top:.5em;left:-.75em;box-shadow:-3.75em 3.75em;opacity:.25;animation:twinkle 3s steps(2) infinite}.cloud+.moon{margin:-2em 1em}.fog{position:absolute;top:50%;left:50%;margin:1.75em 0 0 0}.fog::after,.fog::before{content:'';position:absolute;left:50%;width:5em;height:.5em;margin-left:-2.5em;color:rgba(0,204,255,.46);background:currentColor;border-radius:.5em;animation:fog 6s infinite linear alternate}.fog::before{top:.75em}.fog::after{top:1.5em;animation-delay:-6s}#footer{position:fixed;bottom:0;max-width:100%;height:30px;padding:8px;margin-bottom:10px;margin-left:10px;text-align:center;vertical-align:middle;color:#b1b1b1;background-color:rgba(21,21,21,.42);font-size:12px;font-weight:300;text-shadow:1px 1px 1px #000;cursor:default}[contenteditable]{display:inline-block;position:relative;padding:.1em;border:3px solid transparent;border-radius:2rem}[contenteditable]:focus{border-color:#0cf;outline-width:0}[contenteditable]:focus:after{content:''}[contenteditable]:hover:after{position:absolute;content:'';color:#0cf;font-family:Montserrat;font-style:normal;font-weight:400;margin-left:2em;width:9em;text-align:right}@keyframes spin{100%{transform:rotate(360deg);color:#0cf}}@keyframes spinsun{100%{transform:rotate(360deg)}}@keyframes cloud{0%{opacity:0}50%{opacity:.8}100%{opacity:0;transform:scale(.5) translate(-200%,-3em)}}@keyframes rain{0%{background:#0cf;box-shadow:.625em .875em 0 -.125em rgba(255,255,255,.2),-.875em 1.125em 0 -.125em rgba(255,255,255,.2),-1.375em -.125em 0 #0cf}25%{box-shadow:.625em .875em 0 -.125em rgba(255,255,255,.2),-.875em 1.125em 0 -.125em #0cf,-1.375em -.125em 0 rgba(255,255,255,.2)}50%{background:rgba(255,255,255,.3);box-shadow:.625em .875em 0 -.125em #0cf,-.875em 1.125em 0 -.125em rgba(255,255,255,.2),-1.375em -.125em 0 rgba(255,255,255,.2)}100%{box-shadow:.625em .875em 0 -.125em rgba(255,255,255,.2),-.875em 1.125em 0 -.125em rgba(255,255,255,.2),-1.375em -.125em 0 #0cf}}@keyframes lightning{45%{color:#ff0;background:#ff0;opacity:.5}50%{color:#ff0;background:#ff0;opacity:1}55%{color:#ff0;background:#ff0;opacity:1}}@keyframes twinkle{100%{color:rgba(255,255,255,.2)}}@keyframes fog{0%{transform:translateX(-.5em)}100%{transform:translateX(.5em)}}.pace{-webkit-pointer-events:none;-webkit-user-select:none;-moz-user-select:none}.pace-inactive{display:none}.pace .pace-progress{background:#0cf;position:fixed;z-index:2000;top:0;right:100%;width:100%;height:10px}.pace .pace-progress-inner{display:block;position:absolute;right:0;width:100px;height:100%;box-shadow:0 0 10px #0cf,0 0 5px #0cf;opacity:1;-webkit-transform:rotate(3deg) translate(0,-4px);-moz-transform:rotate(3deg) translate(0,-4px);-ms-transform:rotate(3deg) translate(0,-4px);-o-transform:rotate(3deg) translate(0,-4px);transform:rotate(3deg) translate(0,-4px)}.pace .pace-activity{display:block;position:fixed;z-index:2000;top:15px;right:15px;width:14px;height:10px;border:solid 2px transparent;border-top-color:#0cf;border-left-color:#0cf;border-radius:10px;-webkit-animation:pace-spinner .4s linear infinite;-moz-animation:pace-spinner .4s linear infinite;-ms-animation:pace-spinner .4s linear infinite;-o-animation:pace-spinner .4s linear infinite;animation:pace-spinner .4s linear infinite}@keyframes pace-spinner{0%{transform:rotate(0);transform:rotate(0)}100%{transform:rotate(360deg);transform:rotate(360deg)}}