html{scroll-behavior:smooth}body,h1,ul,li,p{margin:0;padding:0}body{background-color:#f0f0f0;font-family:Arial,sans-serif}.nav-container{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;background-color:#bebaba;padding:20px}@keyframes gradientBG{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}.nav-container{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;background-color:#bebaba;padding:20px}@keyframes gradientBG{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}.nav-container{background:linear-gradient(-45deg, #454545, #707070, #9a9a9a, #d4d4d4);background-size:200% 200%;animation:gradientBG 15s ease infinite}.buttons{display:flex;justify-content:center;color:#fff;text-decoration:none;background-color:rgba(0,0,255,0);font-size:16px}.buttons a{font-size:16px;color:#fff;text-align:center;padding:14px 16px;text-decoration:none;margin:0 10pt}.dropdown{float:left;overflow:hidden}.dropdown .dropbtn{cursor:pointer;border:none;font-size:16px;outline:none;color:#fff;padding:14px 16px;background-color:inherit}#but{border:solid 1px #f0f0f0;border-radius:10px;transition:background-color .8s ease;margin-bottom:10pt}#but:hover{background-color:#fff;color:#000;border-radius:10px}.dropdown-content{display:none;position:absolute;background-color:#bebaba;min-width:166px;box-shadow:0px 8px 16px 0px rgba(0,0,0,.2);z-index:1;border-radius:10px}.dropdown-content a{float:none;color:#000;padding:12px 16px;text-decoration:none;display:block;text-align:left;border-radius:10px}.dropdown-content a:hover{background-color:rgba(255,255,255,.8823529412);transition:background-color .8s ease}.show{display:block}.logo{color:#fff;display:flex}.logo img{max-width:35px;padding-left:10px;padding-right:10px;transition:max-width .8s ease}@keyframes swing{0%{transform:rotate(0deg)}20%{transform:rotate(15deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-5deg)}100%{transform:rotate(0deg)}}.logo img:hover{animation:swing 1s ease}.logo h1{overflow:hidden;border-right:.1em solid #000;white-space:nowrap;margin:0 auto;letter-spacing:.05em;animation:typing 3.5s steps(40, end),blink-caret .75s step-end infinite;animation-delay:0s,3.5s;max-width:95%;font-size:30px}.logo h1{animation-fill-mode:forwards;border-right:none;transition:font-size .8s ease}@media only screen and (max-width: 550px){.logo h1{font-size:25px}.logo img{max-width:30px}}@keyframes typing{from{width:0}to{width:100%}}@keyframes blink-caret{0%,100%{border-color:rgba(0,0,0,0)}50%{border-color:#000}}header{display:flex;justify-content:space-between;align-items:center;padding:20pt}.header-content{display:flex;align-items:center;flex-grow:1}header{display:flex;justify-content:space-between;align-items:center;padding:20pt}.header-content{display:flex;align-items:center;flex-grow:1}.vback-button{padding:10px 20px;background-color:#ff80f7;color:#fff;border:none;border-radius:5px;cursor:pointer;text-decoration:none;margin-left:auto;box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);transition:background-color .7s ease,box-shadow .3s ease}.vback-button:hover{background-color:#000;color:#fff;box-shadow:0 5px 15px rgba(0,0,0,.3);animation:pulse 1s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}100%{transform:scale(1)}}.info{padding:20pt}.info p{padding-bottom:20pt}.info img{display:block;width:20%;margin:auto;min-width:200px}@media screen and (min-width: 1200px){.info{display:inline-flex;gap:20px;padding:20pt 60pt;align-items:center}}@keyframes slideInFromLeft{0%{transform:translateX(-100%)}100%{transform:translateX(0)}}.info img{animation:slideInFromLeft 2s ease-out}.info img:hover{box-shadow:0 4px 8px 0 rgba(0,0,0,.2);transform:scale(1.2)}.container{display:grid;grid-template-columns:auto;padding:20pt;gap:20px}.work{border:solid 2px #bebaba;display:grid;grid-template-columns:auto;gap:40px;padding:20pt}.work img{display:block;width:20%;margin:auto;min-width:200px}.grid-container{display:grid;grid-template-columns:repeat(1, 1fr);padding:20pt;gap:20px}.grid-item{display:flex;align-items:center;padding:20pt;border:solid 2px #bebaba;box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19)}.grid-item img{max-width:50%;padding-left:10pt;flex-shrink:0;box-shadow:5px 5px 5px #999;transition:transform .5s ease,border-radius .4s ease}.text{flex:1;padding-right:10pt;margin-top:0;flex-grow:1}.grid-item img:hover{transform:scale(1.15);border-radius:80px}.vogue{background-color:#ff80f7;padding:20pt;color:#fff;box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19)}.vogue h2{color:#bebaba}.vogue:hover{border-radius:50px;transform:scale(1.07)}.grid{display:grid;grid-template-columns:repeat(2, 1fr);grid-template-rows:repeat(2, auto);gap:20px}@media only screen and (max-width: 650px){.grid{display:grid;grid-template-columns:1fr;gap:50px;padding:20pt 0;align-items:center}}.grid img{max-width:100%;box-shadow:5px 5px 5px #999;height:auto}.content{display:grid;gap:20px}@media only screen and (max-width: 650px){.content{display:grid;grid-template-columns:1fr;gap:50px;padding:20pt 0;align-items:center}}.content h2{color:#ff80f7;text-align:center}.content video{max-width:100%;padding-bottom:20pt}.video,.prototype{border:solid 2px #000;padding:20pt;background-color:#000;box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);display:flex;flex-direction:column;justify-content:space-between}.view,.try{padding:10px 20px;background-color:#df8302;color:#fff;border:none;border-radius:5px;cursor:pointer;text-decoration:none;margin-top:auto;box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);text-align:center}.view:hover,.try:hover{background-color:#fff;color:#000;animation:pulse 1s infinite}@keyframes fadeIn{from{opacity:0}to{opacity:1}}main{animation:fadeIn 1.5s ease-out}