:root{font-family:Oswald,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}#logo{position:absolute;top:8px;left:28px;width:200px;height:auto;animation-name:logo;animation-duration:1.2s;animation-timing-function:linear}#nav{position:absolute;right:20px;top:8px;animation-name:nav;animation-duration:1s;z-index:5}#nav li{display:inline-block}#nav li a{color:#f0f0f0;padding:3px 15px;font-weight:700;font-size:18px;transition-duration:.5s;transition-property:color}#nav li a:hover,#nav li.current a{color:#f5b341}#darkfade{position:absolute;top:0;left:0;width:100%;height:50px;background:linear-gradient(180deg,rgba(0,0,0,.3),transparent)}@keyframes nav{0%{top:-50px}50%{top:-50px}to{top:10px}}@keyframes logo{0%{left:-200px}50%{left:-200px}to{left:28px}}@media only screen and (max-width: 500px){#logo{display:none}}#footer{display:block;text-align:center;color:#aaa;padding:10px 0 15px}#portfolio{position:absolute;top:40px;left:320px;height:650px;width:calc(100% - 355px);animation-name:loaded;animation-duration:1.5s}#showportfolio{position:absolute;left:0%;width:100%;top:0%;height:100%;overflow:hidden}#slider{position:relative;display:flex;height:650px;width:auto}#shadowleft,#shadowright{position:absolute;width:60px;height:106%;top:-5%;z-index:2}#shadowleft{left:0%;background:radial-gradient(ellipse at 0% 50%,rgba(0,0,0,.7),transparent 70%)}#shadowright{right:0%;background:radial-gradient(ellipse at 100% 50%,rgba(0,0,0,.7),transparent 70%)}#btnleft{left:0%;background-image:url(/images/left.svg)}#btnright{left:100%;background-image:url(/images/right.svg)}.card{display:block;width:400px;height:600px;-webkit-backdrop-filter:blur(10px) brightness(50%);backdrop-filter:blur(10px) brightness(50%);border-radius:10px;border:2px solid #ffffff;margin:10px;box-shadow:inset 0 0 25px #0000004d;transition-property:backdrop-filter;transition-duration:.3s;animation-name:loaded2;animation-duration:1.5s}.card:hover{-webkit-backdrop-filter:blur(6px) brightness(80%);backdrop-filter:blur(6px) brightness(80%);cursor:default}.card p.cardcode{font-style:italic;color:#a9d0db}.cardimage{display:block;position:relative;width:396px;height:250px;border-top-left-radius:8px;border-top-right-radius:8px;overflow:hidden}.card:hover .cardimage img{width:500px}.cardimage img{position:absolute;top:50%;left:50%;transform:translate(-50%) translateY(-50%);width:396px;height:auto;margin:0 auto 10px;transition-property:width;transition-duration:.5s;transition-timing-function:ease;transition-delay:0s}.card h3{display:block;text-align:center;color:#cabde7;font-size:36px;line-height:40px;font-weight:200;margin-top:15px;margin-bottom:15px;padding:0 15px}.card h3 a{color:#cabde7;font-weight:200;text-decoration:underline}.card p{text-align:center;color:#fff;font-size:20px;line-height:26px;margin:10px 5%;width:90%;font-family:Quattrocento,serif;font-weight:700}.card p.client{color:#cabde7}.card a.more{position:absolute;bottom:25px;left:50%;transform:translate(-50%);background-color:#d59321;color:#fff;font-weight:700;border-radius:20px;font-size:18px;line-height:18px;font-family:Quattrocento,serif;padding:10px 25px;transition-property:background-color;transition-duration:.3s;transition-delay:0s}.card a.more:hover{background-color:#f5b341}.card a.more:active{background-color:#c58311}.overlay{position:absolute;top:0%;left:0%;width:100%;height:100%;border-radius:10px;transition-property:width height left top border border-radius;transition-duration:.5s}.card:hover .overlay,.overlay:hover{width:calc(100% + 18px);height:calc(100% + 18px);left:-9px;top:-9px;border:1px solid rgba(255,255,255,.5);border-radius:16px}.navarrow{display:block;position:absolute;top:47.5%;transform:translate(-50%) translateY(-50%);transition-property:background-color;transition-duration:.4s;width:50px;height:50px;z-index:3;cursor:pointer;border:none;background-color:#d59321;background-position:center center;background-size:100% auto;border-radius:50%;color:#fff}.navarrow:hover{background-color:#f5b341}.s0,.s1,.s2,.s3,.s4,.s5,.s6,.s7,.s8,.s9{transition-property:left;transition-duration:.5s}.s0{left:0}.s1{left:-420px}.s2{left:-840px}.s3{left:-1260px}.s4{left:-1680px}.s5{left:-2100px}.s6{left:-2520px}.s7{left:-2940px}.s8{left:-3360px}@keyframes loaded{0%{opacity:0;left:350px}to{opacity:1;left:320px}}@keyframes loaded2{0%{background-color:#0009}99.9%{background-color:#0009}to{background-color:none}}#home{position:absolute;top:0%;left:0%;width:100%;height:700px}#bg{width:auto;height:100%;position:absolute;top:0;left:0;opacity:.7}#box{display:block;width:100%;height:700px}#design,#code{position:absolute;top:100px;left:-120px;width:500px;height:500px;animation-name:designcode;animation-duration:1.5s}#design{animation-name:design}#code{animation-name:code}#love{position:absolute;bottom:10px;left:15px;width:230px;font-size:18px;color:#ffffff80;font-family:Quattrocento,serif;text-align:center;line-height:120%}#circle{position:absolute;display:block;top:200px;left:-20px;width:300px;height:300px;border-radius:50%;overflow:hidden;animation-name:circle;animation-duration:.5s}#circle img{position:absolute;top:0%;left:0%;z-index:1;width:100%;height:auto}#circle canvas{position:absolute;top:0%;left:0%;width:100%;height:100%;background:radial-gradient(circle at 50% 100%,#662714,#000)}.box{display:block;width:100%;height:50%;padding-left:150px}.design{background:radial-gradient(ellipse at top left,#773aa6,transparent),radial-gradient(ellipse at 15% 100%,#301843,transparent),radial-gradient(ellipse at bottom right,#3a44a6,transparent)}.development{background:radial-gradient(ellipse at top left,#2e5d9d,transparent),radial-gradient(ellipse at 25% 90%,#48b590,transparent)}@keyframes design{0%{top:350px;left:50px;width:0px;height:0px;transform:rotate(-45deg)}to{top:100px;left:-120px;width:500px;height:500px;transform:rotate(0)}}@keyframes code{0%{top:350px;left:50px;width:0px;height:0px;transform:rotate(45deg)}to{top:100px;left:-120px;width:500px;height:500px;transform:rotate(0)}}@keyframes circle{0%{top:350px;left:40px;width:0px;height:0px}to{top:200px;left:-20px;width:300px;height:300px}}#ovalbox{display:block;float:left;width:350px;height:400px;margin:0}#oval{display:block;width:350px;height:400px;margin:0;border-radius:50%;border:5px solid #289570;overflow:hidden;background:radial-gradient(circle at 50% 100%,#662714,#000);position:relative;animation-name:grow;animation-iteration-count:1;animation-duration:.5s}#oval img{width:100%;height:auto;position:absolute;top:5%;left:-5%;animation-name:blowup;animation-iteration-count:1;animation-duration:1s;transition-duration:.5s;transition-property:width left top}#oval:hover img{width:104%;left:-7%;top:3%}#about{display:block;width:calc(100% - 450px);float:left;padding-left:60px;margin-top:20px;position:relative;max-width:850px}#about h1,#about h2{color:#fff}#about p{color:#fff;font-weight:600;font-size:20px;line-height:28px}#about a{color:#f5b341;font-weight:900;font-size:20px;line-height:28px}#aboutbg{position:absolute;top:0;left:0;width:100%;height:510px;background:radial-gradient(ellipse at top left,#2e5d9d,transparent),radial-gradient(ellipse at 25% 90%,#48b590,transparent)}#aboutbg div{position:absolute;top:0%;left:0%;width:100%;height:100%;background-image:url(/images/bg.png);background-size:cover}@keyframes blowup{0%{width:0%;top:100%;left:50%}85%{width:104%;top:2%;left:-7%}to{width:100%;top:5%;left:-5%}}@keyframes grow{0%{width:270px;height:320px;margin:40px 35px}to{width:350px;height:400px;margin:0}}@media only screen and (max-width: 1300px){#aboutbg div{background-image:url(/images/bg-vert.png)}#aboutbg{height:730px}#about{width:100%;padding-left:0;position:relative;left:50%;transform:translate(-50%)}#about h1,#about h2{text-align:center}#ovalbox{margin:-120px auto 0;float:none}}@media only screen and (max-width: 860px){#ovalbox{margin-top:0}#aboutbg{height:950px}#about p{font-size:18px;line-height:24px}.infopage{min-height:900px}}@media only screen and (max-width: 580px){#about p{font-size:16px;line-height:24px}#about h1{font-size:40px;line-height:48px}#about h2{font-size:24px;line-height:30px}}#submit{background-color:#d59321;color:#fff;font-weight:700;border-radius:20px;font-size:18px;line-height:18px;padding:10px 35px;margin-top:25px;transition-duration:.5s;transition-property:background-color}#submit:hover{background-color:#f5b341}#submit:active{background-color:#c58311}#contactbg{position:absolute;top:0;left:0;width:100%;height:780px;background:radial-gradient(ellipse at top left,#773aa6,transparent),radial-gradient(ellipse at 15% 100%,#301843,transparent),radial-gradient(ellipse at bottom right,#3a44a6,transparent)}#contactbg div{position:absolute;top:0%;left:0%;width:100%;height:100%;background-image:url(/images/bg.png);background-size:cover}#contact.infopage{min-height:620px}#form,#contactinfo{position:relative;padding:30px 50px;display:block;width:47%;-webkit-backdrop-filter:blur(10px) brightness(70%);backdrop-filter:blur(10px) brightness(70%);z-index:2;transition-duration:.5s;transition-property:backdrop-filter}#form:hover,#contactinfo:hover{-webkit-backdrop-filter:blur(5px) brightness(90%);backdrop-filter:blur(5px) brightness(90%)}#form h1,#contactinfo h1{color:#f0f0f0;font-size:48px;line-height:54px}#form h2,#contactinfo h2{color:#e8e8e8;font-size:20px;line-height:26px}#contact{display:flex}#contactinfo{margin-left:6%}.contactcard{background-color:#fff;margin:6px 0;padding:20px 35px;display:block;transition-duration:.5s;transition-property:background-color}.contactcard span{color:#662714;display:block;transition-duration:.5s;transition-property:color}.contactcard span:nth-child(1){font-size:18px;line-height:24px}.contactcard span:nth-child(2){font-size:32px;line-height:38px}.contactcard:hover{background-color:#f5b341}.contactcard:hover span{color:#fff}.input{display:block;width:100%;padding:5px 0}.input label{font-size:18px;line-height:24px;display:block;padding-bottom:3px;color:#f0f0f0}.input input{font-size:18px;font-family:Quattrocento,serif;line-height:24px;display:block;width:100%;padding:3px 10px;border:1px solid #dddddd;border-radius:5px;color:#121212}.input input::placeholder,.input textarea::placeholder{color:#bbb}.input textarea{font-size:18px;font-family:Quattrocento,serif;line-height:24px;display:block;width:100%;min-height:100px;border-radius:5px;border:1px solid #dddddd;color:#121212;padding:3px 10px}@media only screen and (max-width: 1300px){#contactbg div{background-image:url(/images/bg-vert.png)}#contact{flex-wrap:wrap;width:850px;margin:0 auto}#contactinfo{margin-left:0%;margin-top:20px}#contactbg{height:1190px}#form,#contactinfo{width:100%}}@media only screen and (max-width: 850px){#contact{width:100%;margin:auto}}@media only screen and (max-width: 650px){#form,#contactinfo{padding:20px 35px}#form h1,#contactinfo h1{font-size:40px;line-height:48px}#form h2,#contactinfo h2{font-size:18px;line-height:24px}.contactcard{padding:10px 20px}.contactcard span:nth-child(1){font-size:16px;line-height:20px}.contactcard span:nth-child(2){font-size:22px;line-height:30px}}.left{float:left;margin-right:40px}.right{float:right;margin-left:40px}.screenshot{display:block;position:relative;width:500px;height:340px;overflow:hidden;margin-top:5px;margin-bottom:25px;cursor:pointer}.shotoverlay{position:absolute;top:0%;left:0%;width:100%;height:100%;z-index:1;background-color:#0000;opacity:1;box-shadow:inset 0 0 20px #0006;transition-property:background-color;transition-duration:.3s}.shotoverlay span{position:absolute;top:50%;left:50%;transform:translate(-50%) translateY(-50%);color:#fff;font-size:22px;opacity:0;transition-property:opacity;transition-duration:.3s}.screenshot img,.screenshot video{position:absolute;left:50%;top:0%;width:100%;transform:translate(-50%);height:auto;transition-property:width;transition-duration:.5s}.screenshot:hover img{width:114%}.screenshot:hover .shotoverlay{background-color:#00000080}.screenshot:hover .shotoverlay span{opacity:1}.screenshot.sm{height:270px}.screenshot.med{height:300px}.screenshot.lrg{height:360px}@media only screen and (min-width: 1300px){.screenshot{width:680px;height:450px}.screenshot.sm{height:380px}.screenshot.med{height:420px}.screenshot.lrg{height:500px}.left{margin-right:60px}.right{margin-left:60px}}*{margin:0;padding:0;box-sizing:border-box}#root{position:absolute;top:0;left:0;width:100%;min-height:100%;overflow:hidden}.infopage{display:block;width:100%;height:auto;padding:60px 8% 50px;min-height:500px;background:linear-gradient(180deg,#bbb,#f0f0f0,#f8f8f8,#f0f0f0)}.infopage h1,.infopage h2{color:#454545}.infopage h3{font-size:28px;line-height:34px;padding:0;margin:0 0 5px;color:#777;font-weight:500}.infopage p{font-family:Quattrocento,serif;font-size:18px;line-height:24px;padding:4px 0 8px;color:#151515}.infopage p.code{color:#662714;font-weight:900}.infopage hr{clear:both;height:1px;background:linear-gradient(90deg,transparent,#aaaaaa,#999999,#aaaaaa,transparent);display:block;border:none;margin:25px 0 15px;color:#ccc}.clear{clear:both}.fade1{animation-name:fader1;animation-duration:.5s;animation-iteration-count:1}.fade2{font-size:200%;line-height:100%;padding:5px 0 20px;animation-name:fader2;animation-duration:1s;animation-iteration-count:1}@keyframes fader1{0%{opacity:0;margin-left:-20px}to{opacity:1;margin-left:0}}@keyframes fader2{0%{opacity:0;margin-left:-20px}50%{opacity:0;margin-left:-20px}to{opacity:1;margin-left:0}}@media only screen and (min-width: 1300px){.infopage hr{margin:35px 0 25px}}