/*! normalize.css v3.0.2 | MIT License | git.io/normalize */@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,700");@import url("https://fonts.googleapis.com/css?family=Josefin+Sans");@import url("https://fonts.googleapis.com/css?family=Wallpoet");@import url("https://fonts.googleapis.com/css?family=Quantico");@import url("https://fonts.googleapis.com/css?family=KoHo");@import url("https://fonts.googleapis.com/css?family=Baloo Bhai 2");@import url("https://fonts.googleapis.com/css?family=Saira+Semi+Condensed&display=swap");html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:900;color:#262b2d}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0;text-align:center}td,th{padding:0}.highlight table td{padding:4px}.highlight table pre{margin:0}.highlight .cm{color:#999988;font-style:italic}.highlight .cp{color:#999999;font-weight:bold}.highlight .c1{color:#999988;font-style:italic}.highlight .cs{color:#999999;font-weight:bold;font-style:italic}.highlight .c,.highlight .cd{color:#999988;font-style:italic}.highlight .err{color:#a61717;background-color:#e3d2d2}.highlight .gd{color:#000000;background-color:#ffdddd}.highlight .ge{color:#000000;font-style:italic}.highlight .gr{color:#aa0000}.highlight .gh{color:#999999}.highlight .gi{color:#000000;background-color:#ddffdd}.highlight .go{color:#888888}.highlight .gp{color:#555555}.highlight .gs{font-weight:bold}.highlight .gu{color:#aaaaaa}.highlight .gt{color:#aa0000}.highlight .kc{color:#000000;font-weight:bold}.highlight .kd{color:#000000;font-weight:bold}.highlight .kn{color:#000000;font-weight:bold}.highlight .kp{color:#000000;font-weight:bold}.highlight .kr{color:#000000;font-weight:bold}.highlight .kt{color:#445588;font-weight:bold}.highlight .k,.highlight .kv{color:#000000;font-weight:bold}.highlight .mf{color:#009999}.highlight .mh{color:#009999}.highlight .il{color:#009999}.highlight .mi{color:#009999}.highlight .mo{color:#009999}.highlight .m,.highlight .mb,.highlight .mx{color:#009999}.highlight .sb{color:#d14}.highlight .sc{color:#d14}.highlight .sd{color:#d14}.highlight .s2{color:#d14}.highlight .se{color:#d14}.highlight .sh{color:#d14}.highlight .si{color:#d14}.highlight .sx{color:#d14}.highlight .sr{color:#009926}.highlight .s1{color:#d14}.highlight .ss{color:#990073}.highlight .s{color:#d14}.highlight .na{color:#008080}.highlight .bp{color:#999999}.highlight .nb{color:#0086B3}.highlight .nc{color:#445588;font-weight:bold}.highlight .no{color:#008080}.highlight .nd{color:#3c5d5d;font-weight:bold}.highlight .ni{color:#800080}.highlight .ne{color:#990000;font-weight:bold}.highlight .nf{color:#990000;font-weight:bold}.highlight .nl{color:#990000;font-weight:bold}.highlight .nn{color:#555555}.highlight .nt{color:#000080}.highlight .vc{color:#008080}.highlight .vg{color:#008080}.highlight .vi{color:#008080}.highlight .nv{color:#008080}.highlight .ow{color:#000000;font-weight:bold}.highlight .o{color:#000000;font-weight:bold}.highlight .w{color:#bbbbbb}.highlight{background-color:#f8f8f8}form{border:none;background-image:none;background-color:transparent;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}*{box-sizing:border-box}body{padding:0;margin:0;width:auto;font-family:KoHo,Helvetica, Arial, sans-serif;font-size:16px;line-height:1.5;font-weight:light;color:#606c71}#skip-to-content{height:1px;width:2px;position:absolute;overflow:hidden;top:-10px}#skip-to-content:focus{position:fixed;top:10px;left:10px;height:auto;width:auto;background:#e19447;outline:thick solid #e19447}h8{margin-bottom:1rem;font-weight:normal;color:#8D0000;font-family:KoHo,Helvetica, Arial, sans-serif}figure{margin:0;float:left;text-align:center;width:50%}.container img{max-width:100%}.video-container{max-width:95%}.video-container video{max-width:95%;width:auto;height:auto}@media screen and (max-width: 52em){math[display="block" i]{font-size:9px}}figcaption{border-bottom:none;font-size:12px;font-weight:light;text-align:center;display:block;padding:0 10% 0 10%}.clearfix::after{content:"";display:table;clear:both}a{color:#5A5E6B;text-decoration:none;font-weight:900}@media screen and (max-width: 52em){a{color:#2D241E;font-weight:1000}}a:hover{color:#800000}.typedtext{margin-top:2rem;margin-bottom:3rem;font-weight:bold;font-family:Quantico,Helvetica, Arial, sans-serif;color:#8B0000;font-size:2.5rem}.typedtext2{padding:0;margin:0;width:auto;font-family:KoHo,Helvetica, Arial, sans-serif;font-size:16px;line-height:1.5;font-weight:light;color:#606c71}.typewriter hp1{color:#8B0000;font-size:2.5rem;font-family:Quantico,Helvetica, Arial, sans-serif;overflow:hidden;border-right:0.15em solid #606c71;white-space:nowrap;margin:0 auto;letter-spacing:.15em;animation:typing 3.5s steps(30, end),blink-caret 0.5s steps(30, end)}@keyframes typing{from{width:0}to{width:100%}}@keyframes blink-caret{from, to{border-color:transparent}50%{border-color:#8B0000}}.content p{border-right:.15em solid #5A5E6B;margin-top:2rem;margin-bottom:1rem;font-weight:bold;color:#8B0000;font-size:2.5rem;white-space:nowrap;font-family:Quantico,Helvetica, Arial, sans-serif;font-size:2.5rem;overflow:hidden}@media screen and (max-width: 52em){.content p{font-size:2rem}}.content p:nth-child(1){width:16em;-webkit-animation:type 3s steps(30, end),blink 0.3s step-end infinite alternate;animation:type 3s steps(30, end),blink 0.3s step-end infinite alternate;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.content p:nth-child(2){width:11.5em;opacity:0;-webkit-animation:type2 2s steps(40, end);animation:type2 2s steps(40, end);-webkit-animation-delay:2s;animation-delay:2s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.content p:nth-child(3){width:7.3em;opacity:0;-webkit-animation:type3 5s steps(20, end),blink 0.5s step-end infinite alternate;animation:type3 5s steps(20, end),blink 0.5s step-end infinite alternate;-webkit-animation-delay:4s;animation-delay:4s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@keyframes type{0%{width:0}99.9%{border-right:.15em solid #5A5E6B}100%{border:none}}@-webkit-keyframes type{0%{width:0}99.9%{border-right:.15em solid #5A5E6B}100%{border:none}}@keyframes type2{0%{width:0}1%{opacity:1}99.9%{border-right:.15em solid #5A5E6B}100%{opacity:1;border:none}}@-webkit-keyframes type2{0%{width:0}1%{opacity:1}99.9%{border-right:.15em solid #5A5E6B}100%{opacity:1;border:none}}@keyframes type3{0%{width:0}1%{opacity:1}100%{opacity:1}}@-webkit-keyframes type3{0%{width:0}1%{opacity:1}100%{opacity:1}}@keyframes blink{50%{border-color:transparent}}@-webkit-keyframes blink{50%{border-color:tranparent}}.content2 p{border-right:.15em solid black;padding:0;margin:0;width:auto;font-family:KoHo,Helvetica, Arial, sans-serif;font-size:16px;line-height:1.5;font-weight:light;color:#606c71;white-space:nowrap;overflow:hidden}@media screen and (max-width: 52em){.content2 p{font-size:14px}}.content2 p:nth-child(1){width:33em;-webkit-animation:type 3s steps(30, end),blink 0.3s step-end infinite alternate;animation:type 3s steps(30, end),blink 0.3s step-end infinite alternate;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.content2 p:nth-child(2){width:11.5em;opacity:0;-webkit-animation:type2 2s steps(40, end);animation:type2 2s steps(40, end);-webkit-animation-delay:2s;animation-delay:2s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.content2 p:nth-child(3){width:7.3em;opacity:0;-webkit-animation:type3 5s steps(20, end),blink 0.5s step-end infinite alternate;animation:type3 5s steps(20, end),blink 0.5s step-end infinite alternate;-webkit-animation-delay:4s;animation-delay:4s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@keyframes type{0%{width:0}99.9%{border-right:.15em solid black}100%{border:none}}@-webkit-keyframes type{0%{width:0}99.9%{border-right:.15em solid black}100%{border:none}}@keyframes type2{0%{width:0}1%{opacity:1}99.9%{border-right:.15em solid black}100%{opacity:1;border:none}}@-webkit-keyframes type2{0%{width:0}1%{opacity:1}99.9%{border-right:.15em solid black}100%{opacity:1;border:none}}@keyframes type3{0%{width:0}1%{opacity:1}100%{opacity:1}}@-webkit-keyframes type3{0%{width:0}1%{opacity:1}100%{opacity:1}}@keyframes blink{50%{border-color:transparent}}@-webkit-keyframes blink{50%{border-color:tranparent}}.content3 p{border-right:.15em solid black;padding:0;margin:0;width:auto;font-family:KoHo,Helvetica, Arial, sans-serif;font-size:16px;line-height:1.5;font-weight:light;color:#606c71;white-space:nowrap;overflow:hidden}@media screen and (max-width: 52em){.content3 p{font-size:14px}}.content3 p:nth-child(1){width:23em;-webkit-animation:type 3s steps(30, end),blink 0.3s step-end infinite alternate;animation:type 3s steps(30, end),blink 0.3s step-end infinite alternate;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.content3 p:nth-child(2){width:11.5em;opacity:0;-webkit-animation:type2 2s steps(40, end);animation:type2 2s steps(40, end);-webkit-animation-delay:2s;animation-delay:2s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.content3 p:nth-child(3){width:7.3em;opacity:0;-webkit-animation:type3 5s steps(20, end),blink 0.5s step-end infinite alternate;animation:type3 5s steps(20, end),blink 0.5s step-end infinite alternate;-webkit-animation-delay:4s;animation-delay:4s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@keyframes type{0%{width:0}99.9%{border-right:.15em solid black}100%{border:none}}@-webkit-keyframes type{0%{width:0}99.9%{border-right:.15em solid black}100%{border:none}}@keyframes type2{0%{width:0}1%{opacity:1}99.9%{border-right:.15em solid black}100%{opacity:1;border:none}}@-webkit-keyframes type2{0%{width:0}1%{opacity:1}99.9%{border-right:.15em solid black}100%{opacity:1;border:none}}@keyframes type3{0%{width:0}1%{opacity:1}100%{opacity:1}}@-webkit-keyframes type3{0%{width:0}1%{opacity:1}100%{opacity:1}}@keyframes blink{50%{border-color:transparent}}@-webkit-keyframes blink{50%{border-color:tranparent}}.btn{display:inline-block;margin-bottom:1rem;color:rgba(255,255,255,0.7);background-color:rgba(255,255,255,0.08);border-color:rgba(255,255,255,0.2);border-style:solid;border-width:1px;border-radius:0.3rem;transition:color 0.2s, background-color 0.2s, border-color 0.2s}.btn:hover{color:rgba(255,255,255,0.8);text-decoration:none;background-color:rgba(255,255,255,0.2);border-color:rgba(255,255,255,0.3)}.btn+.btn{margin-left:1rem}@media screen and (min-width: 74em){.btn{padding:0.75rem 1rem}}@media screen and (min-width: 52em) and (max-width: 74em){.btn{padding:0.6rem 0.9rem;font-size:0.9rem}}@media screen and (max-width: 52em){.btn{display:block;width:100%;padding:0.75rem;font-size:0.9rem}.btn+.btn{margin-top:1rem;margin-left:0}}.page-header{color:black;text-align:center;background-color:#696969;background-image:url("https://www.imo.universite-paris-saclay.fr/~destagnol/math_bg.jpg");background-size:cover;background-opacity:0.6;height:260px}@media screen and (min-width: 74em){.page-header{padding:5rem 6rem}}@media screen and (min-width: 52em) and (max-width: 74em){.page-header{padding:3rem 4rem}}@media screen and (max-width: 52em){.page-header{padding:2rem 1rem;height:122px}}.page-header2{color:black;text-align:center;background-color:#696969;background-image:url("https://www.imo.universite-paris-saclay.fr/~destagnol/Erreur.png");background-size:cover;background-opacity:0.6;height:600px}@media screen and (min-width: 74em){.page-header2{padding:5rem 6rem}}@media screen and (min-width: 52em) and (max-width: 74em){.page-header2{padding:3rem 4rem}}@media screen and (max-width: 52em){.page-header2{padding:2rem 1rem;height:200px}}.page-header3{color:black;text-align:center;background-color:#5aaa53;background-image:url("https://www.imo.universite-paris-saclay.fr/~destagnol/check.png");background-size:7%;background-repeat:no-repeat;background-opacity:0.6;height:auto;background-position:center}@media screen and (min-width: 74em){.page-header3{padding:5rem 6rem}}@media screen and (min-width: 52em) and (max-width: 74em){.page-header3{padding:3rem 4rem}}@media screen and (max-width: 52em){.page-header3{padding:2rem 1rem;background-size:10%;background-repeat:no-repeat;height:auto;background-position:center}}.page-header4{color:black;text-align:center;background-color:#B22222;background-image:url("https://www.imo.universite-paris-saclay.fr/~destagnol/fail2.png");background-size:7%;background-repeat:no-repeat;background-opacity:0.6;height:auto;background-position:center}@media screen and (min-width: 74em){.page-header4{padding:5rem 6rem}}@media screen and (min-width: 52em) and (max-width: 74em){.page-header4{padding:3rem 4rem}}@media screen and (max-width: 52em){.page-header4{padding:2rem 1rem;background-size:10%;background-repeat:no-repeat;height:auto;background-position:center}}.project-name{margin-top:0;margin-bottom:0.1rem}@media screen and (min-width: 74em){.project-name{font-size:3.25rem}}@media screen and (min-width: 52em) and (max-width: 74em){.project-name{font-size:2.25rem}}@media screen and (max-width: 52em){.project-name{font-size:1.75rem}}.project-tagline{margin-bottom:2rem;font-weight:normal;opacity:0.7}@media screen and (min-width: 74em){.project-tagline{font-size:1.25rem}}@media screen and (min-width: 52em) and (max-width: 74em){.project-tagline{font-size:1.15rem}}@media screen and (max-width: 52em){.project-tagline{font-size:1rem}}.main-content{word-wrap:break-word}.main-content :first-child{margin-top:0}@media screen and (min-width: 74em){.main-content{max-width:100%;padding:2rem 3rem;margin:0 auto;font-size:1.1rem}}@media screen and (min-width: 52em) and (max-width: 74em){.main-content{max-width:100%;padding:2rem 4rem;font-size:1.1rem}}@media screen and (max-width: 52em){.main-content{padding:2rem 1rem;font-size:1rem}}.main-content kbd{background-color:#fafbfc;border:1px solid #c6cbd1;border-bottom-color:#959da5;border-radius:3px;box-shadow:inset 0 -1px 0 #959da5;color:#444d56;display:inline-block;font-size:11px;line-height:10px;padding:3px 5px;vertical-align:middle}.main-content img{max-width:100%}.main-content hprime{margin-top:2rem;margin-bottom:1rem;font-weight:bold;color:#8B0000;font-size:3.4rem;font-family:Quantico,Helvetica, Arial, sans-serif}@media screen and (max-width: 52em){.main-content hprime{font-size:2.5rem}}.main-content hprime2{margin-top:2rem;margin-bottom:1rem;font-weight:bold;color:#8B0000;font-size:2.5rem;font-family:Quantico,Helvetica, Arial, sans-serif}@media screen and (max-width: 52em){.main-content hprime2{font-size:2rem}}.main-content hpr{margin-top:2rem;margin-bottom:1rem;font-weight:bold;color:#8D0000;font-size:3.9rem;font-family:"Open Sans", "Helvetica Neue",Helvetica, Arial, sans-serif}.main-content h1,.main-content h2,.main-content h3,.main-content h4,.main-content h5,.main-content h6{margin-top:2rem;margin-bottom:1rem;font-weight:normal;color:#8D0000;font-family:KoHo,Helvetica, Arial, sans-serif}.main-content h7{margin-top:2rem;text-align:center;margin-bottom:1rem;font-weight:normal;color:#159957}.main-content p{margin-bottom:1em}.main-content code{padding:2px 4px;font-family:Consolas, "Liberation Mono", Menlo, Courier, monospace;font-size:0.9rem;color:#567482;background-color:#f3f6fa;border-radius:0.3rem}.main-content pre{padding:0.8rem;margin-top:0;margin-bottom:1rem;font:1rem Consolas, "Liberation Mono", Menlo, Courier, monospace;color:#567482;word-wrap:normal;background-color:#f3f6fa;border:solid 1px #dce6f0;border-radius:0.3rem}.main-content pre>code{padding:0;margin:0;font-size:0.9rem;color:#567482;word-break:normal;white-space:pre;background:transparent;border:0}.main-content .highlight{margin-bottom:1rem}.main-content .highlight pre{margin-bottom:0;word-break:normal}.main-content .highlight pre,.main-content pre{padding:0.8rem;overflow:auto;font-size:0.9rem;line-height:1.45;border-radius:0.3rem;-webkit-overflow-scrolling:touch}.main-content pre code,.main-content pre tt{display:inline;max-width:initial;padding:0;margin:0;overflow:initial;line-height:inherit;word-wrap:normal;background-color:transparent;border:0}.main-content pre code:before,.main-content pre code:after,.main-content pre tt:before,.main-content pre tt:after{content:normal}.main-content ul,.main-content ol{margin-top:0}.main-content blockquote{padding:0 1rem;margin-left:0;color:#819198;border-left:0.3rem solid #dce6f0}.main-content blockquote>:first-child{margin-top:0}.main-content blockquote>:last-child{margin-bottom:0}.main-content table{display:block;width:100%;overflow:auto;word-break:normal;word-break:keep-all;-webkit-overflow-scrolling:touch}.main-content table th{font-weight:bolder}.main-content table th,.main-content table td{padding:0.5rem 1rem;border:1px solid #e9ebec}.main-content dl{padding:0}.main-content dl dt{padding:0;margin-top:1rem;font-size:1rem;font-weight:bolder}.main-content dl dd{padding:0;margin-bottom:1rem}.main-content hr{height:2px;padding:0;margin:1rem 0;background-color:#eff0f1;border:0}.site-footer2{padding-top:0;margin-top:0;border-top:solid 1px #eff0f1;text-align:center;font-family:KoHo,Helvetica, Arial, sans-serif}@media screen and (min-width: 74em){.site-footer2{font-size:1rem}}@media screen and (min-width: 52em) and (max-width: 74em){.site-footer2{font-size:1rem}}@media screen and (max-width: 52em){.site-footer2{font-size:0.9rem}}.site-footer{padding-top:2rem;margin-top:2rem;border-top:solid 1px #eff0f1;font-family:KoHo,Helvetica, Arial, sans-serif}@media screen and (min-width: 74em){.site-footer{font-size:1rem}}@media screen and (min-width: 52em) and (max-width: 74em){.site-footer{font-size:1rem}}@media screen and (max-width: 52em){.site-footer{font-size:0.9rem}}.site-footer-owner{display:block;font-weight:bolder}.site-footer-credits{color:#819198}.bg-img{background-image:url("https://www.imo.universite-paris-saclay.fr/~destagnol/bg2.png");min-height:730px;background-size:cover;position:relative;padding:0;margin:0}.page-header5{color:black;background-color:#696969;background-image:url("https://www.imo.universite-paris-saclay.fr/~destagnol/bg2.png");background-size:cover;background-opacity:0.6;height:850px}@media screen and (min-width: 74em){.page-header5{padding:5rem 6rem;height:1100px}}@media screen and (min-width: 52em) and (max-width: 74em){.page-header5{padding:3rem 4rem}}@media screen and (max-width: 52em){.page-header5{padding:2rem 1rem;height:1000px}}.container3{position:-webkit-sticky;position:sticky;overflow-x:hidden;overflow-y:auto;bottom-margin:-20px;max-width:850px;width:550px;transform:translate(0%, -1%);padding:16px 16px 0 16px;background-color:white;border-radius:5px;box-shadow:0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19)}@media screen and (max-width: 52em){.container3{max-width:310px;transform:translate(0%, 0%)}}.container2{position:absolute;left:50%;top:30%;transform:translate(-50%, -30%);max-width:345px;padding:16px;background-color:white;border-radius:5px;box-shadow:0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19)}@media screen and (max-width: 52em){.container2{transform:translate(-50%, -30%);max-width:280px}}input[type=text],input[type=name]{width:100%;padding:15px;margin:5px 0px 22px 0px;border:none;text-align:left;background:#f1f1f1;border-radius:5px}input[type=firstname]:focus{background-color:#ddd;text-align:left;outline:none}input[type=firstname]{width:48%;text-align:left;padding:15px;margin:5px 0px 22px 0px;border:none;background:#f1f1f1;border-radius:5px}input[type=firstname2]:focus{background-color:#ddd;outline:none}input[type=firstname2]{width:48%;text-align:left;padding:15px;margin:5px 0px 22px 3%;border:none;background:#f1f1f1;border-radius:5px}@media screen and (max-width: 52em){input[type=firstname2]{margin:5px 0px 22px 2%}}input[type=text]:focus,input[type=name]:focus{background-color:#ddd;text-align:left;outline:none}.btn2{background-color:#8B0000;color:white;padding:16px 20px;border:none;cursor:pointer;width:50%;opacity:0.7;text-align:center;position:relative;left:50%;transform:translate(-50%, 0%);border-radius:15px}@media screen and (max-width: 52em){.btn2{width:75%}}.btn2:hover{opacity:1;box-shadow:0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19)}form{width:300px;display:flex;flex-flow:column wrap;align-items:center;justify-content:center}form div,form label,form input,form textarea{width:100%}*{font-family:KoHo,Helvetica, Arial, sans-serif;transition:all 0.5s ease}.field:nth-of-type(2){margin:10px 0}label,input,textarea{padding:8px}label,[placeholder]{color:#555;font-family:KoHo,Helvetica, Arial, sans-serif}label i{margin:0 10px 0 0}.field:focus-within label{color:#000;font-family:KoHo,Helvetica, Arial, sans-serif;letter-spacing:2px}input,textarea{background:rgba(255,255,255,0.5);border:none;border-radius:4px;box-shadow:0 8px 6px -6px #555}input:focus,textarea:focus{background:#fff;box-shadow:none}textarea{resize:none}textarea::-webkit-scrollbar{width:0}button{background:#8B0000;margin:16px 0 50px 0;padding:8px 16px;color:#fff;font-family:KoHo,Helvetica, Arial, sans-serif;border:none;bottom-margin:10px;border-radius:4px;cursor:pointer;box-shadow:0 8px 6px -6px #555}button:hover{font-family:KoHo,Helvetica, Arial, sans-serif;letter-spacing:2px;box-shadow:none}.login-box{position:fixed;overflow:scroll;top:50%;left:50%;width:400px;padding:40px;transform:translate(-50%, -50%);background:rgba(0,0,0,0.5);box-sizing:border-box;box-shadow:0 15px 25px rgba(0,0,0,0.6);border-radius:10px}@media screen and (max-width: 52em){.login-box{width:350px}}.login-box h2{margin:0 0 30px;padding:0;color:#fff;text-align:center}.form h1{margin:0 auto;text-align:center}.login-box .user-box{position:relative;width:90%}input[type="file"]{border:none;position:relative;display:block;outline:none;color:rgba(0,0,0,0.5)}.login-box .user-box input{width:100%;padding:10px 0 10px 0;font-size:16px;color:#fff;margin-bottom:30px;border:none;border-bottom:1px solid #fff;outline:none;background:transparent}.login-box .user-box label{position:absolute;top:0;left:0;padding:10px 0;font-size:16px;color:#fff;pointer-events:none;transition:.5s}.login-box .user-box input:focus ~ label,.login-box .user-box input:valid ~ label{top:-20px;left:0;color:#8B0000;font-size:12px}.login-box form a{position:relative;display:inline-block;padding:10px 10px;color:#8B0000;font-size:16px;text-decoration:none;text-transform:uppercase;overflow:hidden;transition:.5s;margin-top:40px;letter-spacing:4px}.login-box a:hover{background:#8B0000;color:#fff;border-radius:5px;box-shadow:0 0 5px #8B0000, 0 0 25px #8B0000, 0 0 50px #8B0000, 0 0 100px #8B0000}.login-box a span{position:absolute;display:block}.login-box a span:nth-child(1){top:0;left:-100%;width:100%;height:2px;background:linear-gradient(90deg, transparent, #8B0000);animation:btn-anim1 1s linear infinite}@keyframes btn-anim1{0%{left:-100%}50%,100%{left:100%}}.login-box a span:nth-child(2){top:-100%;right:0;width:2px;height:100%;background:linear-gradient(180deg, transparent, #8B0000);animation:btn-anim2 1s linear infinite;animation-delay:0.25s}@keyframes btn-anim2{0%{top:-100%}50%,100%{top:100%}}.login-box a span:nth-child(3){bottom:0;right:-100%;width:100%;height:2px;background:linear-gradient(270deg, transparent, #8B0000);animation:btn-anim3 1s linear infinite;animation-delay:0.5s}@keyframes btn-anim3{0%{right:-100%}50%,100%{right:100%}}.login-box a span:nth-child(4){bottom:-100%;left:0;width:2px;height:100%;background:linear-gradient(360deg, transparent, #8B0000);animation:btn-anim4 1s linear infinite;animation-delay:0.75s}@keyframes btn-anim4{0%{bottom:-100%}50%,100%{bottom:100%}}.column{float:left;width:33.33%}.row:after{content:"";display:table;clear:both}