@import url(https://fonts.googleapis.com/css?family=Montserrat:900i&display=swap);:root{--small-padding:0.5rem;--small-margin:0.5rem;--small-radius:0rem;--medium-padding:1rem;--medium-margin:1.5rem;--clr-background-1:#030708;--clr-background-2:#071315;--clr-primary:#348ea3;--clr-font:#bae0e9;--clr-shadow:#348ea3;--clr-neu-shadow-1:#030808;--clr-neu-shadow-2:#0b1e22}.dark-theme,:root{--img-brightness:1}.dark-theme{--clr-background-1:#030708;--clr-background-2:#071315;--clr-primary:#348ea3;--clr-font:#bae0e9;--clr-shadow:#348ea3;--clr-neu-shadow-1:#050e10;--clr-neu-shadow-2:#09181a}.light-theme{--clr-background-1:#bae0e9;--clr-background-2:#86c9d8;--clr-primary:#071315;--clr-font:#030708;--img-brightness:0.2;--clr-shadow:#86c9d8;--clr-neu-shadow-1:#77b3c0;--clr-neu-shadow-2:#95dff0}*{margin:0;padding:0}html{font-size:82.5%}.container{height:100vh;grid-template-columns:repeat(6,1fr);grid-template-rows:.3fr 1.5fr 1.2fr .2fr;grid-gap:.07rem;grid-template-areas:"header header header header header header" "sidebar-left main main main main sidebar-right" "sidebar-left main main main main sidebar-right" "sidebar-left footer footer footer footer sidebar-right";font-family:"Inter",sans-serif;font-weight:800;text-transform:uppercase;font-size:1rem;color:#bae0e9;color:var(--clr-font);text-align:center;background:#348ea3;background:var(--clr-primary)}.container,header{display:grid;transition:all .3s linear}header{background:#030708;background:var(--clr-background-1);grid-area:header;grid-template-columns:1fr 1fr 8fr 1fr 1fr;grid-gap:.5rem;padding:1rem;padding:var(--medium-padding);grid-template-areas:"heading-left-1 heading-left-2 heading link-wrapper toggle-container"}.heading-left-1{grid-area:heading-left-1}.heading-left-2{grid-area:heading-left-2}.heading{grid-area:heading}.link-wrapper{grid-area:link-wrapper}.toggle-container{grid-area:toggle-container}main{grid-area:main;border-radius:0;border-radius:var(--small-radius);transition:all .3s linear;display:grid;grid-template-rows:5fr .5fr;text-align:center}.video-section,main{background:#071315;background:var(--clr-background-2)}.video-section{padding-top:1rem}.button-section{background:#071315;background:var(--clr-background-2);padding-bottom:.5rem;padding-bottom:var(--small-padding)}.main-warning{display:none;text-decoration:underline}footer{grid-area:footer}#sidebar-left,footer{background:#030708;background:var(--clr-background-1);border-radius:0;border-radius:var(--small-radius);padding-top:1rem;padding-top:var(--medium-padding);transition:all .3s linear}#sidebar-left{grid-area:sidebar-left}#sidebar-right{grid-area:sidebar-right;border-radius:0;border-radius:var(--small-radius);display:grid;grid-template-columns:1fr;grid-template-rows:1fr 1fr 4fr;grid-gap:.08rem;transition:all .3s linear}#sidebar-timer{padding-top:.5rem;padding-top:var(--small-padding)}#sidebar-score,#sidebar-timer{background:#030708;background:var(--clr-background-1);transition:all .3s linear}.score-heading{grid-area:score-heading}#sidebar-poseimg{background:#030708;background:var(--clr-background-1);padding-top:1rem;padding-top:var(--medium-padding);transition:all .3s linear}.video-container{position:relative}li{list-style:none}#sidebar-left li{cursor:pointer;transition:all .2s linear}#sidebar-left li:hover{text-shadow:0 0 1rem #348ea3;text-shadow:0 0 1rem var(--clr-shadow)}.poselist-img{border-radius:50%;width:5rem;height:5rem;-webkit-filter:brightness(1);filter:brightness(1);-webkit-filter:brightness(var(--img-brightness));filter:brightness(var(--img-brightness));transition:all .2s linear}.poselist-img:hover{box-shadow:0 0 1rem #348ea3;box-shadow:0 0 1rem var(--clr-shadow)}.pose-selected{box-shadow:0 0 .5rem #348ea3;box-shadow:0 0 .5rem var(--clr-shadow)}.poselist-name{margin-bottom:1.5rem;margin-bottom:var(--medium-margin)}.big-pose-img{width:15rem;height:20rem;-webkit-transform:scaleX(-1);transform:scaleX(-1);-webkit-filter:brightness(1);filter:brightness(1);-webkit-filter:brightness(var(--img-brightness));filter:brightness(var(--img-brightness))}.circle{width:5rem;height:5rem;line-height:5rem;border-radius:50%;text-align:center;border:.2rem solid #348ea3;border:.2rem solid var(--clr-primary);margin-left:auto;margin-right:auto;margin-top:.5rem;margin-top:var(--small-margin);margin-bottom:.5rem;margin-bottom:var(--small-margin);box-shadow:0 0 .3rem #348ea3;box-shadow:0 0 .3rem var(--clr-shadow)}.toggle-container{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.toggle-container span{font-size:2rem}.switch{position:relative;display:inline-block;width:4.5rem;height:2rem}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc}.slider,.slider:before{position:absolute;transition:.3s}.slider:before{content:"";width:1.9rem;height:1.7rem;left:.3rem;bottom:.15rem;background-color:#fff}input:checked+.slider{background-color:#19a2c1}input:focus+.slider{box-shadow:0 0 1rem #2196f3}input:checked+.slider:before{-webkit-transform:translateX(2.05rem);transform:translateX(2.05rem)}.slider.round{border-radius:1rem}.slider.round:before{border-radius:50%}.switch-checkbox{padding:.5rem}.link{position:relative;text-decoration:none;padding:.5rem 0;padding:var(--small-padding) 0;color:#bae0e9;color:var(--clr-font);font-size:1.3rem}.link-wrapper{margin:.7rem 1.5rem .5rem 3rem;margin-bottom:var(--small-margin)}.hover-2:after{content:"";position:absolute;bottom:0;left:0;right:0;width:100%;height:3px;-webkit-transform:scaleX(0);transform:scaleX(0);background-color:#6dbed0;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}.hover-2:hover:after{-webkit-transform:scaleX(1);transform:scaleX(1)}.hover-2:hover{text-shadow:0 0 .3rem #348ea3;text-shadow:0 0 .3rem var(--clr-shadow)}button,button:focus{outline:none}.btn{width:8rem;height:3rem;text-align:center;color:#bae0e9;color:var(--clr-font);text-transform:uppercase;font-weight:600;cursor:pointer}.btn-1{background-color:transparent;border:.2rem solid #348ea3;border:.2rem solid var(--clr-primary);border-radius:2rem;transition:all .15s ease-in-out}.btn-1:hover{box-shadow:inset 0 0 .1rem 0 #348ea3,0 0 1rem .2rem #348ea3;box-shadow:0 0 .1rem 0 var(--clr-primary) inset,0 0 1rem .2rem var(--clr-primary);border:.3rem solid #348ea3;border:.3rem solid var(--clr-primary)}.heading{font-family:"Montserrat",sans-serif;font-size:2.7rem;letter-spacing:.7rem;-webkit-text-fill-color:transparent;-webkit-text-stroke-width:.15rem;-webkit-text-stroke-color:#fff;text-shadow:.2rem .2rem #348ea3,.4rem .4rem #000;text-shadow:.2rem .2rem var(--clr-primary),.4rem .4rem #000}.neu-card{height:90%;margin-left:5rem;margin-right:5rem;border-radius:1rem;background:#071315;background:var(--clr-background-2);box-shadow:.5rem .5rem .6rem #030808,-.5rem -.5rem .6rem #0b1e22;box-shadow:.5rem .5rem .6rem var(--clr-neu-shadow-1),-.5rem -.5rem .6rem var(--clr-neu-shadow-2);transition:all .1s linear}.neu-card:hover{box-shadow:.25rem .25rem .3rem #030808,-.25rem -.25rem .3rem #0b1e22;box-shadow:.25rem .25rem .3rem var(--clr-neu-shadow-1),-.25rem -.25rem .3rem var(--clr-neu-shadow-2)}.main-text{text-transform:none;font-size:1.25rem;font-weight:400;padding-top:1rem;padding-top:var(--medium-padding)}.main-text li{margin:1.5rem;margin:var(--medium-margin)}.about-container{grid-area:main;padding-top:1rem;border-radius:0;border-radius:var(--small-radius);transition:all .3s linear;text-align:center}#about-sidebar-left,.about-container{background:#071315;background:var(--clr-background-2)}#about-sidebar-left{grid-area:sidebar-left}#about-sidebar-right{grid-area:sidebar-right;background:#071315;background:var(--clr-background-2)}.logo-tfjs{height:10rem}.logo-reactjs{height:7rem;margin-bottom:1.5rem;margin-bottom:var(--medium-margin);-webkit-filter:brightness(1);filter:brightness(1);-webkit-filter:brightness(var(--img-brightness));filter:brightness(var(--img-brightness))}.logo-github{height:5rem;transition:all .1s linear}.logo-github:hover{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}.logo-linkedin{height:4.5rem;transition:all .1s linear}.logo-linkedin:hover{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}.about-text{height:90%;text-transform:none;font-size:1.25rem;font-weight:400;padding-top:1rem;padding-top:var(--medium-padding)}footer a{color:inherit;text-decoration:inherit}.about-text a{color:inherit}.about-text a,footer a:hover{text-decoration:underline}@media only screen and (max-width:950px){html{font-size:75%}.neu-card{margin-left:2rem;margin-right:2rem}.main-warning{display:block}.btn-1{display:none}}@media only screen and (max-width:660px){html{font-size:65%}.btn{width:10rem}}@media only screen and (max-height:500px),only screen and (max-width:570px){html{font-size:60%}.container{grid-template-columns:1fr;grid-template-rows:.4fr 1fr 2.2fr 1fr .3fr;grid-template-areas:"header" "sidebar-left" "main" "sidebar-right" "footer"}header{grid-template-columns:3fr .5fr .5fr;grid-gap:.1rem;grid-template-areas:"heading link-wrapper toggle-container"}.heading{letter-spacing:.3rem;-webkit-text-stroke-width:.1rem;text-shadow:.2rem .2rem #348ea3,.4rem .4rem #000;text-shadow:.2rem .2rem var(--clr-primary),.4rem .4rem #000}.link-wrapper{margin:.75rem 1rem .5rem;margin-bottom:var(--small-margin)}main{grid-gap:1rem;padding-bottom:2rem}.main-text{padding-top:.5rem;padding-top:var(--small-padding)}.main-text li{margin:.5rem;margin:var(--small-margin)}.neu-card{height:95%}.btn{width:12rem}.about-container{padding-bottom:5rem}.about-text{padding:.5rem}}@media only screen and (max-height:590px){html{font-size:75%}.main-warning{display:block}.btn-1{display:none}}@media only screen and (max-height:450px){.big-pose-img{width:13rem;height:15rem}}@media only screen and (max-width:385px){.link-wrapper{margin-left:1rem;margin-right:1rem;margin-top:2.5rem}}
/*# sourceMappingURL=main.abbc2320.chunk.css.map */