.navbar{position:fixed;top:0;left:0;right:0;background-color:#000;z-index:1000;display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;box-shadow:0 4px 8px hsla(0,0%,100%,.254)}.navbar .logo{flex-shrink:0}.navbar .nav-links{list-style:none;padding:3px 0;margin:0;position:absolute;top:100%;left:0;right:0;background-color:#000;display:none;flex-direction:column;align-items:center}.navbar .nav-links a{display:block;color:#fff;padding:10px;text-decoration:none;border-bottom:1px solid hsla(0,0%,100%,.3);text-align:center}.navbar .nav-links a:hover{color:#fff}.navbar .nav-links.show{display:flex}.navbar .burger{display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer}.navbar .burger div{width:25px;height:3px;background-color:#fff;margin:2px 0;transition:all .3s ease}@media(min-width:768px){.navbar{padding:0 2rem}.navbar .burger{display:none}.navbar .nav-links{display:flex;position:relative;flex-direction:row;background-color:transparent;align-items:center;justify-content:flex-end}.navbar .nav-links a{padding-top:24px;margin-left:20px;border-bottom:none}}@media(max-width:768px){.navbar .nav-links{box-shadow:0 4px 8px hsla(0,0%,100%,.254)}}.trainingContainer{display:flex;flex-wrap:wrap;width:100%;height:100vh}.side{flex:1 1;display:flex;justify-content:center;align-items:center;padding:20px;box-sizing:border-box;min-width:300px}.leftSide{background-color:#161616;color:#fff}.rightSide{background-color:#2a644a;color:#fff}.contentBox{max-width:500px;width:100%;text-align:left;padding:100px 0}