*{margin:0;box-sizing:border-box;padding:0}html,body{width:100%;height:100%;font-family:"Helvetica","Arial",sans-serif}.page-background--alpha{background:var(--page-background-alpha)}.page-background--beta{background:var(--page-background-beta)}.page-background--gamma{background:var(--page-background-gamma)}.page-background--subbytes{background:var(--page-background-delta)}.page-background--shiftrows{background:var(--page-background-zeta)}.page-background--mixcolumns{background:var(--page-background-eta)}.page-background--addroundkey{background:var(--page-background-theta)}.movable{position:absolute;top:0;left:0;height:100%;width:100%;z-index:5}.landing{position:relative;display:flex;flex-direction:column}.rijndael-page{width:100%;height:100%;overflow:hidden;opacity:0}.rijndael-page__bg--black{background:#000;color:#fff}.rijndael-page__bg--white{background:#fff;color:#333}.tooltip{position:relative}.tooltiptext{visibility:hidden;width:max-content;max-width:180px;background-color:#333;color:#fff;text-align:center;padding:5px 1rem;border-radius:6px;position:absolute;z-index:10;font-size:.9rem;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;bottom:calc(100% + 5px);left:50%;transform:translateX(-50%)}@media only screen and (max-width: 56.26em){.tooltiptext{display:none}}.tooltip:hover .tooltiptext{visibility:visible}.tooltip .tooltiptext::after{content:" ";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:#333 transparent transparent transparent}.tooltip--right .tooltiptext{left:0%;transform:translateX(0%)}.tooltip--right .tooltiptext::after{left:1.2rem}.tooltip--left .tooltiptext{right:0;left:auto;transform:translateX(0%)}.tooltip--left .tooltiptext::after{left:auto;right:.9rem}.rijndael-layout{display:flex;width:100%;height:100%}.rijndael-layout__left{flex:2}.rijndael-layout__right{flex:3}.rijndael-flex{display:flex}.rijndael-flex--center{justify-content:center;align-items:center}:root{--white: #ffffff;--white-alpha: #fbfbfb;--black: #000000;--black-alpha: #333333;--dark-grey: #333333;--dark-grey-2: #555555;--dark-grey-3: #888888;--dark-grey-4: #858585;--light-grey: #eeeeee;--light-grey-2: #cccccc;--light-grey-3: #aaaaaa;--light-grey-4: #BFBFBF;--yellow-1: #FFF997;--yellow-2: #FFCA61;--yellow-3: #DD8501;--yellow-4: #FF9901;--yellow-5: #D58204;--yellow-6: #FFC502;--yellow-7: #EEECC2;--yellow-8: #e0c643;--blue-1: #008FFF;--blue-2: #2895FA;--blue-3: #567FCF;--blue-4: #2D68CB;--blue-5: #B1D7F6;--blue-6: #608dc4;--green-1: #638E34;--green-2: #A1C1B4;--green-3: #426e3a;--green-4: #74ad82;--green-5: #60d173;--green-6: #4ca15a;--red-1: #FF1A01;--red-2: #F9CCC7;--red-3: #ed6861;--red-pastel-1: #ff6961;--pink-1: #FFD1CB;--screen-bg: var(--black) }.theme{--text-light: var(--white);--text-dark: var(--dark-grey);--text-grey: var(--dark-grey-4);--encryptor-box: var(--dark-grey-3);--page-background-alpha: var(--black);--page-background-beta: var(--white);--page-background-gamma: var(--dark-grey-4);--page-background-delta: var(--blue-4);--page-background-zeta: var(--red-1);--page-background-eta: var(--yellow-6);--page-background-theta: var(--green-1);--page-background-iota: var(--dark-grey-2);--bar-background-alpha: var(--white);--bar-background-beta: var(--light-grey-3);--text-color: var(--black);--text-color-inverted: var(--white);--text-color-alpha: var(--yellow-3);--text-color-beta: var(--blue-3);--label-bg-alpha: var(--blue-5);--label-bg-beta: var(--red-2);--label-bg-gamma: var(--yellow-7);--label-bg-delta: var(--green-2);--label-bg-highlight-alpha: var(--blue-3);--label-bg-highlight-beta: var(--red-1);--label-bg-highlight-gamma: var(--yellow-4);--label-bg-highlight-delta: var(--green-1);--sbox-background: var(--white);--sbox-legend-background: var(--dark-grey-3);--sbox-highlight-color: var(--yellow-2);--grid-background-alpha: var(--yellow-1);--grid-background-beta: var(--blue-1);--grid-background-gamma: var(--yellow-2);--grid-background-delta: var(--pink-1);--grid-background-eta: var(--light-grey-4)}.theme--new{--text-light: var(--white-alpha);--text-color: var(--black-alpha);--text-color-inverted: var(--white-alpha);--text-color-alpha: var(--green-1);--sbox-background: var(--white-alpha);--sbox-legend-background: var(--light-grey-4);--sbox-highlight-color: var(--green-6);--page-background-alpha: var(--black-alpha);--page-background-beta: var(--white-alpha);--page-background-delta: var(--blue-6);--page-background-zeta: var(--red-3);--page-background-eta: var(--yellow-8);--page-background-theta: var(--green-6)}.ui{display:grid;background:#888;grid-template-rows:600px 3rem 16rem 1fr;grid-template-columns:12rem 1fr 8rem;overflow:hidden;grid-template-areas:"screen screen screen" "menuleft menu menuright" "info info info" "form form form"}@media only screen and (max-width: 56.26em){.ui{height:100%;grid-template-rows:1fr 3rem 3rem;grid-template-columns:1fr 1fr;grid-template-areas:"screen screen" "menutwo menutwo" "menuleft menuright"}}.ui__animation-final-overlay{grid-area:screen;z-index:5}.ui__page{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;overflow:hidden}.ui__screen{background:var(--screen-bg);grid-area:screen;position:relative}.ui__screen::before{content:"loading...";color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.ui__settings{grid-area:screen;display:none;z-index:25;padding:1rem;background:rgba(85,85,85,.8)}@media only screen and (max-width: 56.26em){.ui__settings{overflow-y:scroll}}.ui__settings-btn{grid-area:menuright;display:flex;justify-content:flex-end;padding-right:1rem;align-items:center}.ui__controlls{padding:0rem 1rem;grid-area:menuleft;display:flex;align-items:center;justify-content:flex-start}.ui__controlls>*{user-select:none}.ui__controlls .controlls__btn{margin-right:.5rem}.ui__form{grid-area:form;padding:1rem;z-index:25}@media only screen and (max-width: 56.26em){.ui__form{grid-area:screen}}.ui__info{background:#888;grid-area:info;padding:1rem}@media only screen and (max-width: 56.26em){.ui__info{grid-area:screen;word-break:break-all;overflow-y:scroll}}.ui__navigations{z-index:25;grid-area:menu;display:flex;justify-content:center;align-items:center;position:relative}@media only screen and (max-width: 56.26em){.ui__navigations{padding:1rem;grid-area:screen}}.ui__mobile-btns{grid-area:menutwo;display:none}@media only screen and (max-width: 56.26em){.ui__mobile-btns{display:flex;background:red}}.ui__mobile-btns>*{user-select:none}.ui__btn{flex:1;display:flex;justify-content:center;align-items:center;border:1px solid #aaa;background:#333;color:#fff;cursor:pointer}.ui__btn--selected{background:#555}.ui--hidden{display:block}@media only screen and (max-width: 56.26em){.ui--hidden{grid-area:screen}}.info{display:none;user-select:auto !important;padding:1rem}.info__title{font-size:1.4rem;margin-bottom:1rem}.info__body{line-height:1.6rem;font-size:1rem}.info__body p{margin:1rem 0;color:#333;font-size:1rem;line-height:1.7rem}.info__body ul{padding-left:2rem}.navigation{height:100%;display:flex;justify-content:center;align-items:center}@media only screen and (max-width: 56.26em){.navigation{width:100%;display:block;background:#fff;position:absolute;top:0;left:0;height:100%;overflow-y:auto;overflow-x:none}}.finish-screen{width:100%;height:100%;background:#000;justify-content:center;align-items:center;display:flex}.finish-screen__button{color:#fff;cursor:pointer;padding:1rem;text-align:center;color:#fff;margin:1rem 0}.finish-screen__button--yellow{border:3px solid var(--text-color-alpha)}.finish-screen__button--blue{border:3px solid var(--text-color-beta)}.finish-screen__container{height:50%}.finish-screen__container h3{font-size:1.6rem;color:#fff}.finish-screen__container svg{fill:#fff}.finish-screen__button-repeat{margin-top:3rem;display:flex;justify-content:center}.finish-screen__button-repeat .controlls__btn{width:4rem;height:4rem;color:#000;background:#fff}@media only screen and (max-width: 56.26em){.ui-container{width:100%;height:100%;background:rgba(85,85,85,.8);z-index:25;display:none}}.ui-container--display{display:flex}.info-container{background:#fff;width:100%;height:100%;overflow-y:auto;user-select:auto !important}.controlls{display:flex;width:100%}.controlls__btn{position:relative;background:#333;display:flex;border-radius:50%;width:2.4rem;height:2.4rem;cursor:pointer;justify-content:center;align-items:center;user-select:none;border:none;outline:none}.controlls__btn--disabled{cursor:not-allowed;opacity:.8}.controlls__btn svg{width:1rem;height:1rem;fill:#fff}.controlls__play-icon{display:none}.controlls__pause-icon{display:block}.controlls__play-btn--paused .controlls__play-icon{display:block}.controlls__play-btn--paused .controlls__pause-icon{display:none}.navigation-item{width:2rem;height:2rem;display:flex;justify-content:center;align-items:center;background:#333;color:#fff;margin:.1rem 0;cursor:pointer}@media only screen and (max-width: 56.26em){.navigation-item{width:100%;height:auto;justify-content:flex-start;height:auto;padding:1rem 2rem}}.navigation-item--current{background:#555}@media only screen and (max-width: 56.26em){.navigation-item__number{display:none}}.navigation-item__title{display:none}@media only screen and (max-width: 56.26em){.navigation-item__title{display:block}}.rijndael-form{background:#fff;width:100%;height:100%;padding:1rem}@media only screen and (max-width: 56.26em){.rijndael-form{overflow-y:scroll}}.rijndael-form__title{font-size:2rem}@media only screen and (max-width: 56.26em){.rijndael-form__title{font-size:1.4rem}}.rijndael-form__info{margin:1rem 0}.rijndael-form__radio-row{display:flex;flex-direction:row;margin-bottom:1rem}.rijndael-form__radio-row>*{margin-right:.5rem}@media only screen and (max-width: 56.26em){.rijndael-form__radio-row>*{margin-right:.2rem}}@media only screen and (max-width: 56.26em){.rijndael-form__radio-row{font-size:.9rem}}.rijndael-form__row{display:flex;flex-direction:column;padding:.1rem;margin-bottom:1rem}@media only screen and (max-width: 56.26em){.rijndael-form__row{margin-bottom:.5rem}}.rijndael-form__row>input{padding:.5rem 1rem}.rijndael-form__rows{display:flex;flex-direction:column}.rijndael-form__error{color:red;padding:.2rem .2rem;margin-top:-1rem;margin-bottom:.5rem;font-size:.9rem;height:1.5rem}@media only screen and (max-width: 56.26em){.rijndael-form__error{height:1rem;margin-top:0rem;font-size:.8rem;padding:0 .2rem}}.rijndael-form__button{font-size:1rem;font-weight:bold;padding:.3rem 1rem;cursor:pointer}@media only screen and (max-width: 56.26em){.rijndael-form__button{font-size:.9rem;padding:.2rem 1rem}}.settings{background:#fff;width:100%;height:100%;padding:1rem}@media only screen and (max-width: 56.26em){.settings{overflow-y:scroll}}.settings__title{font-size:2.4rem;padding-bottom:1rem;border-bottom:1px solid #aaa;max-width:40rem;margin:0 auto;margin-bottom:2rem}.settings p{max-width:40rem;margin:0 auto;font-size:.7rem;margin-bottom:.3rem}.settings__section{width:100%;padding:1rem;margin:1rem 0;background:#eee;border-bottom:1px solid #aaa;max-width:40rem;margin:1rem auto}.settings__section p{font-size:.7rem;margin-top:1rem}@media only screen and (max-width: 56.26em){.settings__section{flex-direction:column;align-items:flex-start}}.settings__section-input-wrapper{display:flex;align-items:center}@media only screen and (max-width: 56.26em){.settings__section-input-wrapper{flex-direction:column;align-items:flex-start}}.settings__section-input{padding:.5rem 2rem;font-size:1.2rem;display:block;flex:1}@media only screen and (max-width: 56.26em){.settings__section-input{width:100%}}.settings__section-label{min-width:14rem;font-weight:bold}@media only screen and (max-width: 56.26em){.settings__section-label{margin-bottom:.5rem}}.settings__close-btn{display:block;width:10rem;margin:0 auto;padding:.3rem .5rem;cursor:pointer;margin-top:1.5rem;transition:all .3s;font-size:1.2rem;font-weight:bold;background:#eee;border:none;box-shadow:0 .2rem .3rem rgba(0,0,0,.3);border-bottom:1px solid #aaa}.settings__close-btn:hover{box-shadow:0 .2rem .3rem rgba(0,0,0,.5)}.settings__close-btn:active{box-shadow:0 .2rem .2rem rgba(0,0,0,.3)}.rijndael-grid{display:grid;width:auto}.page-14-cell{width:2.2rem;height:1.6rem}@media screen and (max-width: 800px){.page-14-cell{width:1.4rem;height:1.2rem;font-size:.7rem}}.page-5-runner-cell{width:.5rem;height:.5rem;background:#fff997;border:1px solid #666}.page-14-rcon-cell{width:1rem;height:.8rem;font-size:.7rem}@media screen and (max-width: 800px){.page-14-rcon-cell{width:.9rem;height:.7rem;font-size:.6rem}}.rijndael-movable-cell{display:flex;justify-content:center;align-items:center;border:1px solid #333;color:#333}.rijndael-movable-cell--alpha{background:var(--grid-background-alpha)}.rijndael-movable-cell--beta{background:var(--grid-background-beta)}.rijndael-movable-cell--gamma{background:var(--grid-background-gamma)}.rijndael-movable-cell--delta{background:var(--grid-background-delta)}.rijndael-movable-cell--eta{background:var(--grid-background-eta)}.rijndael-movable-cell--pink{background:#ffd0cc;border:1px solid #333;color:#333}.rijndael-cell{display:flex;justify-content:center;align-items:center;font-size:1.2rem;width:4rem;height:3rem}@media screen and (max-width: 800px){.rijndael-cell{width:2.4rem;height:1.8rem}}.rijndael-cell--big{width:5rem;height:3rem}@media screen and (max-width: 800px){.rijndael-cell--big{width:2.4rem;height:1.8rem}}.rijndael-cell--tiny{width:1.6rem;height:1.3rem;font-size:.5rem}@media only screen and (max-width: 56.26em){.rijndael-cell--tiny{width:1.4rem;height:1.2rem}}@media only screen and (max-width: 37.5em){.rijndael-cell--tiny{width:.9rem;height:1rem}}.rijndael-lookup-table{display:grid;background:#fff;max-width:30rem;max-height:20rem;border:1px solid #333;grid-template-columns:2rem 1fr;grid-template-rows:2rem 1fr;grid-template-areas:"hex yLegend" "xLegend grid"}@media(max-width: 500px){.rijndael-lookup-table{grid-template-columns:1rem 1fr;grid-template-rows:1rem 1fr}}.rijndael-lookup-table__title{display:flex;justify-content:center;align-items:center;opacity:0}.rijndael-lookup-table__legend{display:flex;flex-direction:column}.rijndael-lookup-table__legend--x{flex-direction:row}.rijndael-lookup-table__legend-label{flex:1;display:flex;justify-content:center;align-items:center}@media(max-width: 500px){.rijndael-lookup-table__legend-label{display:none}}.rijndael-lookup-table__legend--x .rijndael-lookup-table__legend-label{border-top:1px solid #333;border-right:1px solid #333}.rijndael-lookup-table__legend--y .rijndael-lookup-table__legend-label{border-left:1px solid #333;border-bottom:1px solid #333}.rijndael-lookup-table__legend-cells{display:flex;flex:1;background:#eee}@media(max-width: 500px){.rijndael-lookup-table__legend-cells{background:#aaa}}.rijndael-lookup-table__legend--y .rijndael-lookup-table__legend-cell{border-left:1px solid #333}.rijndael-lookup-table__legend--x .rijndael-lookup-table__legend-cell{border-top:1px solid #333}.rijndael-lookup-table__legend-cell{flex:1;display:flex;justify-content:center;align-items:center;font-size:.7rem}@media(max-width: 500px){.rijndael-lookup-table__legend-cell{font-size:.6rem}}.rijndael-lookup-table__legend--x .rijndael-lookup-table__legend-cells{flex-direction:column}.rijndael-sbox-cell{border-top:1px solid #333;border-left:1px solid #333;display:flex;justify-content:center;align-items:center;font-size:.7rem}.animatable-background{width:100%;height:100%}.animatable-background__bar{height:2rem;background:#fff}.animatable-background__background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2}.animatable-background__page{position:absolute;top:0;left:0;width:100%;height:100%;z-index:3;display:flex;flex-direction:column}.animatable-background__title-container{padding:1rem 2rem;display:flex;justify-content:flex-end}.animatable-background__title{font-size:2rem;position:relative;color:#fff}@media only screen and (max-width: 37.5em){.animatable-background__title{font-size:1.4rem}}.animatable-background__title-mask{position:absolute;top:0;left:0;height:100%;width:100%;background:green}.animatable-background__page-body{flex:1}.rijndael-section-title-page{display:flex;flex-direction:column;align-items:center}.rijndael-section-title-page__title{font-size:2rem;margin-top:1rem;margin-bottom:2rem;word-spacing:100vw;text-align:center}.rijndael-section-title-page__title--yellow{color:var(--text-color-alpha)}.rijndael-section-title-page__title--blue{color:var(--text-color-beta)}.rijndael-section-title-page__content{max-width:20rem;font-size:1rem;color:var(--text-light)}.rijndael-circled-char{font-size:2rem;border-radius:50%;color:var(--text-light);border:2px solid var(--text-light);display:flex;justify-content:center;align-items:center;width:4rem;height:4rem}.page-1{width:100%;height:100%;display:flex;background:#000;justify-content:center;align-items:center}.page-1__title{display:flex;font-size:3rem;color:var(--text-light);justify-content:center}.page-1__subtitle{font-size:1.2rem;color:var(--text-color-alpha);max-width:24rem;text-align:center;margin-top:2rem}@media only screen and (max-width: 56.26em){.page-1__subtitle{font-size:1.1rem}}.rijndael-page-2{width:100%;height:100%;padding:2rem;display:grid;color:#fff;grid-template-rows:1fr 3fr 1fr;grid-template-columns:1fr 2fr 1fr}@media only screen and (max-width: 56.26em){.rijndael-page-2{grid-template-rows:1fr 1fr 1fr;grid-template-columns:1fr 2fr 1rem;padding:.3rem}}.rijndael-page-2__container{grid-area:2/2/2/2;background:#666;border:5px solid #fff;display:flex;justify-content:center;align-items:center;font-size:2rem;text-align:center;position:relative;box-sizing:border-box}@media only screen and (max-width: 56.26em){.rijndael-page-2__container{font-size:1.4rem}}.rijndael-page-2-arrow-text{position:absolute;top:50%;left:40%;color:#000;transform:translate(-50%, -50%);font-size:1.1rem}@media only screen and (max-width: 56.26em){.rijndael-page-2-arrow-text{font-size:.9rem}}.rijndael-page-2-arrow-text--vertical{writing-mode:vertical-rl;top:40%;left:50%}.rijndael-page-2-arrow-container{display:flex;flex-direction:column;font-size:1rem;word-spacing:auto;align-items:center}@media only screen and (max-width: 56.26em){.rijndael-page-2-arrow-container{font-size:.9rem}}.rijndael-page-2-arrow-container--top{grid-area:1/2/1/2;display:flex;justify-content:flex-end}.rijndael-page-2-arrow-container--top span{margin-bottom:1rem}.rijndael-page-2-arrow-container--bottom{grid-area:3/2/3/2;color:var(--text-color-alpha);align-items:center}.rijndael-page-2-arrow-container--bottom span{margin-top:1rem}.rijndael-page-2-arrow-container--left{grid-area:2/1/2/1;justify-content:center;align-items:flex-end}.rijndael-page-2-arrow-container--left span{margin-right:1rem;margin-bottom:.5rem}.rijndael-page-2-arrow{position:relative;max-width:4rem;max-height:8rem}@media only screen and (max-width: 56.26em){.rijndael-page-2-arrow{max-width:3rem;max-height:6rem}}.rijndael-page-2-arrow--horizontal{max-width:8rem;max-height:4rem}@media only screen and (max-width: 56.26em){.rijndael-page-2-arrow--horizontal{max-width:6rem;max-height:3rem}}.rijndael-page-3{padding-top:2rem}.rijndael-page-3__layout{height:100%;width:100%}.rijndael-page-3__title{text-align:center;color:#fff;font-size:2rem;margin-bottom:2rem}.rijndael-page-3__layout{display:flex}.rijndael-page-3__left{flex:1;display:flex;flex-direction:column;align-items:center}.rijndael-page-3__right{flex:1;flex:1;display:flex;flex-direction:column;align-items:center}.rijndael-page-3__subtitle{color:#fff;font-size:1.6rem;margin-bottom:1rem}@media only screen and (max-width: 56.26em){.rijndael-page-3__subtitle{font-size:1.2rem}}.rijndael-page-3__text{font-size:1.5rem;margin:1rem 0;word-spacing:100vw;text-align:center}@media only screen and (max-width: 56.26em){.rijndael-page-3__text{font-size:1rem;height:5rem}}.rijndael-page-3__text--yellow{color:#fff997}.rijndael-page-3__text--blue{color:#008fff}.rijndael-page-3__arrow{height:5rem;width:3rem;margin:0 auto;margin-top:1rem}.rijndael-page-3__section{display:flex;flex-direction:column;justify-content:center;align-items:center}.rijndael-page-3__char{width:3rem;height:3rem;border-radius:50%;border:1px solid #fff;margin:0 auto;display:flex;justify-content:center;align-items:center;color:#fff}.rijndael-page-5{display:grid;height:100%;grid-template-columns:3fr 2fr 2fr;grid-template-rows:2fr 4fr 3fr;width:80%;margin:0 auto;grid-template-areas:"anim1 grid1 title1" "anim2 grid2 title2" "anim3 grid3 title3"}@media(max-width: 500px){.rijndael-page-5{width:100%;padding:1rem;font-size:.8rem;grid-template-columns:4fr 3fr;grid-template-rows:2fr 4fr 4fr;grid-template-areas:"anim1 title1" "anim2 title2" "anim3 title3"}}.rijndael-page-5__counter-container{grid-area:anim3;position:relative}@media(max-width: 500px){.rijndael-page-5__counter-container{grid-area:3/3/3/3}}.rijndael-page-5__counter{position:absolute;top:0;left:-50px}@media(max-width: 500px){.rijndael-page-5__counter{top:auto;left:auto;bottom:0;right:0}}.rijndael-page-5__counter-title{font-size:1.4rem;text-align:center}.rijndael-page-5__counter-num{color:#fff;padding:.5rem 2rem;background:#000}.rijndael-page-5__path{grid-area:anim1/1/anim3/2;position:relative;max-width:200px;display:flex;justify-content:center;z-index:1}@media(max-width: 500px){.rijndael-page-5__path{max-width:100px}}.rijndael-page-5__path svg{transform:translateX(50%)}@media(max-width: 500px){.rijndael-page-5__path svg{transform:translateX(50%)}}.rijndael-page-5 .rijndael-page-5__container-1{grid-area:grid1;display:flex;justify-content:center;align-items:center}.rijndael-page-5__labels{position:absolute;z-index:6;display:flex;justify-content:center;align-items:center;flex-direction:column}.rijndael-page-5__labels--1{top:10%;transform:translateY(-50%)}.rijndael-page-5__labels--2{top:40%;transform:translateY(-50%)}.rijndael-page-5__labels--3{top:80%;transform:translateY(-50%)}.rijndael-page-5__section-title{color:#aaa;font-size:2rem;font-weight:bold;display:flex;justify-content:center;align-items:center}.rijndael-page-5__section-title--1{grid-area:title1}.rijndael-page-5__section-title--2{grid-area:title2}.rijndael-page-5__section-title--3{grid-area:title3}@media(max-width: 800px){.rijndael-page-5__section-title{font-size:1rem}}.rijndael-add-key{padding:1rem;background:#fff;border:1px solid #888}.rijndael-add-key__title{text-align:center;font-size:1.2rem;font-weight:bold;color:#888}.rijndael-page-6-container{display:flex;flex-direction:column;align-items:center}#rijndael-page-6-title{font-size:2rem;font-weight:bold;text-align:center;max-width:16rem}.rijndael-rounded-label{width:12rem;height:2.6rem;font-size:1.2rem;font-weight:bold;color:#333;border-radius:3rem;border:1px solid #333;margin:1rem 0;display:flex;justify-content:center;align-items:center}.rijndael-rounded-label--small{width:8rem;height:2rem;font-size:.9rem;margin:.3rem 0}@media(max-width: 800px){.rijndael-rounded-label--small{font-size:.8rem;height:1.4rem}}.rijndael-rounded-label--yellow{background:#ece9bf}.rijndael-rounded-label--green{background:#a3c0b6}.rijndael-rounded-label--blue{background:#b2d7f9}.rijndael-rounded-label--red{background:#faccc7}#rijndael-page-6-label-container{transform-origin:top left}#rijndael-page-7-sbox{width:30rem;height:20rem}@media only screen and (max-width: 37.5em){#rijndael-page-7-sbox{width:98%;height:14rem;margin:0 auto}}#rijndael-page-7-cell-landing{width:4rem;height:3rem;margin:2rem 0}@media only screen and (max-width: 56.26em){#rijndael-page-7-cell-landing{margin:1rem 0}}.rijndael-page-7-layout{height:100%;display:flex}.rijndael-page-7-layout__left{flex:2}@media only screen and (max-width: 37.5em){.rijndael-page-7-layout__left{flex:auto}}.rijndael-page-7-layout__right{flex:3;display:flex;flex-direction:column;align-items:center}@media only screen and (max-width: 56.26em){.rijndael-page-7-layout__right{flex:5}}@media(max-width: 800px){.rijndael-page-7-layout{flex-direction:column}}.rijndael-page-8-layout{display:flex;width:100%;height:100%}.rijndael-page-8-layout__left{flex:2;display:flex;justify-content:center;align-items:center}@media screen and (max-width: 800px){.rijndael-page-8-layout__left{margin:2rem 0}}.rijndael-page-8-layout__right{flex:3}@media screen and (max-width: 800px){.rijndael-page-8-layout{flex-direction:column}}.rijndael-page-8-text-row{height:3rem;display:flex;align-items:center}@media screen and (max-width: 800px){.rijndael-page-8-text-row{position:absolute;top:0;width:100%;display:flex;justify-content:center}}.rijndael-page-8-text{position:relative;display:flex;align-items:center;color:#fff;font-size:1.6rem;font-weight:bold}.rijndael-page-9-layout{display:flex;width:100%;height:100%}.rijndael-page-9-layout__left{flex:2;display:flex;justify-content:center;align-items:center}@media screen and (max-width: 800px){.rijndael-page-9-layout__left{margin:2rem 0}}.rijndael-page-9-layout__right{flex:3}@media screen and (max-width: 800px){.rijndael-page-9-layout__right{order:-1;margin-top:1rem}}@media screen and (max-width: 800px){.rijndael-page-9-layout{flex-direction:column}}.rijndael-page-9-equation{margin-top:6rem;display:flex;flex-direction:row;justify-content:center;position:relative}@media screen and (max-width: 800px){.rijndael-page-9-equation{margin-top:1rem}}.rijndael-page-9-equation__symbol{width:2rem;display:flex;justify-content:center;align-items:center;font-size:1.6rem;font-weight:bold}.rijndael-page-9-equation__multiplier{width:.5rem;height:.5rem;border-radius:50%;background:#333}.rijndael-page-9-text{position:absolute;bottom:-2rem;left:4rem;transform:translateY(100%);opacity:0;max-width:18rem}.rijndael-brackets{position:relative}.rijndael-brackets:before{position:absolute;top:0;left:0;content:"";height:100%;background:#333;width:.2rem;z-index:20}.rijndael-brackets:after{position:absolute;top:0;right:0;content:"";height:100%;background:#333;width:.2rem;z-index:20}.page-10-layout{display:flex;height:100%}@media only screen and (max-width: 56.26em){.page-10-layout{flex-wrap:wrap}}.page-10-layout__left{flex:2;display:flex;flex-direction:column;justify-content:center;align-items:center}@media only screen and (max-width: 56.26em){.page-10-layout__left{justify-content:flex-start}}.page-10-layout__right{flex:2;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}@media only screen and (max-width: 56.26em){.page-10-layout__right{justify-content:flex-start}}.page-10-layout__center{flex:3;display:flex;flex-direction:column;align-items:center}@media only screen and (max-width: 56.26em){.page-10-layout__center{flex:100%;order:-1;justify-content:center}}.page-10-layout__label{font-size:1.6rem;color:#fff;text-align:center;margin-bottom:1rem;margin-top:1rem}@media only screen and (max-width: 56.26em){.page-10-layout__label{font-size:1.2rem}}@media only screen and (max-width: 37.5em){.page-10-layout__label{margin-bottom:.3rem;margin-top:.3rem}}.page-10-layout__text{color:#fff}@media only screen and (max-width: 37.5em){.page-10-layout__text{font-size:.8rem}}#rijndael-page-10-text{position:absolute;bottom:0;transform:translate(0, 100%);width:100%;display:flex;align-items:center;flex-direction:column}#rijndael-page-10-grid-round-key{position:relative}.rijndael-equation{display:flex;margin-top:2rem}.rijndael-equation__add{border-radius:50%;width:2.2rem;height:2.2rem;border:2px solid #333;display:flex;justify-content:center;align-items:center}.rijndael-equation__symbol-container{display:flex;justify-content:center;align-items:center}.rijndael-equation__symbol{margin:0 1rem;font-size:2rem;font-weight:bold}#rijndael-page-11-text{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);font-size:1.6rem;text-align:center;max-width:40%}.rijndael-grid-overview{display:grid;padding:1rem;grid-template-rows:3rem repeat(6, 1fr);grid-template-columns:1.5fr repeat(4, 1fr) 2rem 1fr 2rem;height:100%}@media only screen and (max-width: 56.26em){.rijndael-grid-overview{padding:0rem;grid-template-rows:2rem repeat(6, 1fr);grid-template-columns:1.2rem repeat(4, 1fr) .6rem 1fr .6rem}}.rijndael-grid-overview__title{font-size:1.2rem;text-align:center;display:flex;justify-content:center;align-items:center;font-weight:bold;font-family:"Courier New","Arial",sans-serif}@media only screen and (max-width: 56.26em){.rijndael-grid-overview__title{font-size:.7rem}}.rijndael-grid-overview__title--1{grid-area:1/2/1/2}.rijndael-grid-overview__title--2{grid-area:1/3/1/3}.rijndael-grid-overview__title--3{grid-area:1/4/1/4}.rijndael-grid-overview__title--4{grid-area:1/5/1/5}.rijndael-grid-overview__title--5{grid-area:1/7/1/7}.rijndael-grid-overview__equals-symbol{display:flex;justify-content:center;align-items:center;font-size:1.5rem;font-weight:bold}@media only screen and (max-width: 56.26em){.rijndael-grid-overview__equals-symbol{font-size:.8rem}}.rijndael-grid-overview__add-symbol-container{display:flex;justify-content:center;align-items:center}.rijndael-grid-overview__add-symbol{width:1.5rem;border-radius:50%;height:1.5rem;font-size:1.5rem;font-weight:bold;display:flex;justify-content:center;align-items:center;border:1px solid #333}@media only screen and (max-width: 56.26em){.rijndael-grid-overview__add-symbol{height:.7rem;width:.7rem;font-size:.7rem;line-height:.7rem}}.rijndael-grid-overview__row-title{display:flex;justify-content:center;align-items:center;font-size:1.4rem;font-weight:bold}@media only screen and (max-width: 56.26em){.rijndael-grid-overview__row-title{font-size:.7rem;transform:rotate(-90deg);white-space:nowrap}}.rijndael-grid-overview__grid{display:flex;justify-content:center;align-items:center}.rijndael-page-12-output{position:relative;grid-area:7/2/7/2;display:flex;justify-content:center;align-items:center}.rijndael-page-12-output__text-output{position:absolute;top:50%;left:0;transform:translate(-100%, -50%);font-weight:bold}@media only screen and (max-width: 56.26em){.rijndael-page-12-output__text-output{left:auto;right:-0.5rem;transform-origin:center center;transform:translate(0%, 0%) rotate(-90deg);font-size:.8rem}}.rijndael-page-12-output__text-ciphertext{position:absolute;bottom:0;left:50%;transform:translate(-50%, 100%);font-weight:bold}@media only screen and (max-width: 56.26em){.rijndael-page-12-output__text-ciphertext{font-size:.8rem;transform-origin:center center;transform:translate(-50%, -50%)}}#page-14{background:#aaa}.page-14{position:relative;display:flex;flex-direction:column}.page-14__title-container{display:flex;width:100%;padding:1rem 2rem;justify-content:flex-end}@media screen and (max-width: 800px){.page-14__title-container{padding:.7rem 1rem}}.page-14__title{color:#fff;font-size:2rem}@media screen and (max-width: 800px){.page-14__title{font-size:1.6rem}}.page-14__bar{background:#fff;width:100%;height:2rem}.page-14__body{flex:1}.page-14__grid-row{display:flex}.page-14__row-one{margin:1rem 2rem;display:flex}@media screen and (max-width: 800px){.page-14__row-one{margin:1rem 1rem}}.page-14__row-two{margin:1rem 2rem;display:flex;margin-top:3rem}@media screen and (max-width: 800px){.page-14__row-two{margin:1rem 1rem}}.page-14__dots{font-size:3rem;font-weight:bold;flex:1;display:flex;justify-content:center;align-items:center}@media screen and (max-width: 800px){.page-14__dots{font-size:1rem}}.page-14__rcon-container{position:absolute;bottom:1rem;left:50%;transform:translateX(-50%)}.page-14__add-symbol{width:2.2rem;height:2.2rem;border-radius:50%;border:2px solid #333;position:absolute;display:flex;justify-content:center;align-items:center;top:0;left:0;transform:translate(-50%, -50%)}.page-14__add-symbol:before{font-size:2rem;line-height:2rem;font-weight:bold;content:"＋";height:2rem;width:2rem}@media screen and (max-width: 800px){.page-14__add-symbol:before{font-size:1rem;line-height:1rem;height:1rem;width:1rem}}@media screen and (max-width: 800px){.page-14__add-symbol{width:1.4rem;height:1.4rem}}.page-14__equals-symbol{font-size:2.4rem;font-weight:bold;position:absolute;top:0;left:0;transform:translate(-50%, -50%)}@media screen and (max-width: 800px){.page-14__equals-symbol{font-size:1.4rem}}.page-14__text{position:absolute;width:10rem;top:50%;right:1rem;font-size:.9rem}.page-14__label{position:absolute;top:0;left:0;font-size:1.6rem;color:#fff;font-weight:bold}@media screen and (max-width: 800px){.page-14__label{font-size:1rem}}.page-14__grid-label{position:absolute;bottom:-2rem;width:100%;text-align:center;opacity:0}@media screen and (max-width: 800px){.page-14__grid-label{bottom:-1.5rem;font-size:.6rem}}.page-14__grid{position:relative}#rijndael-page-14-sbox-container{width:20rem;height:16rem;position:absolute;right:12rem;bottom:5rem}@media screen and (max-width: 800px){#rijndael-page-14-sbox-container{left:1rem;bottom:5rem;right:auto}}#rijndael-page-14-rcon-label{position:absolute;top:50%;right:0;transform:translate(110%, -50%);color:#fff;font-weight:bold;font-size:2rem}@media screen and (max-width: 800px){#rijndael-page-14-rcon-label{font-size:1rem}}@media screen and (max-width: 800px){#rijndael-page-14-primary-grids-four{display:none}#rijndael-page-14-primary-grids-three{display:none}#rijndael-page-14-grid-three-label{display:none}#rijndael-page-14-grid-four-label{display:none}}