@charset "UTF-8";.app-page,.app-page .container-main{display:flex;flex-direction:column;align-items:center}.app-page{width:100vw;height:100vh;justify-content:center;background-color:#f3f1f0}.app-page .container-main{width:90vw;height:80vh;max-width:400px;margin:auto;flex-direction:column;border:2px solid #0a8825;border-radius:25px;box-shadow:10px 10px 10px #00000026;box-sizing:border-box;background-color:#fff;text-align:center;overflow:hidden}.header,.header h1{width:100%}.header{height:3rem;padding:.5rem;display:flex;align-items:center;background-color:#68ca7d;color:#fff;text-shadow:1px 1px 1px #000;font-size:1.4rem;font-weight:700;text-align:center}@media screen and (min-width: 768px){.header{height:3.2rem}.header h1{font-size:2rem}}.section__amount{width:100%;height:50%;display:flex;flex-direction:column;justify-content:center;background-color:#68ca7d;color:#fff;text-shadow:1px 1px 1px #000}.section__amount h2{padding:.5rem;font-size:2.5rem;font-weight:500}.section__amount form input{width:5rem;height:1.5rem;border:1px 1px 1px #0a8825;text-align:center;font-size:1.1rem;font-weight:700}.section__amount form label{font-size:1.5rem;font-weight:500;text-align:center}.toggle-button{width:50px;height:50px;border-radius:50%;border:4px solid #0a8825;background-color:#fff;font-size:2em;color:#0a8825;margin-top:-25px}.toggle-button:hover{background-color:#0a8825;color:#fff}.toggle-button.toggle-button--open{transform:rotate(90deg)}.section__currencies{width:100%;height:80%;padding-top:.3rem;text-align:left;font-size:1.3rem;overflow-y:scroll}.section__currencies .currencies-search{width:inherit;height:1.9rem;border-left:none;border-right:none;font-size:1.2rem}.currency,.currency button{font-weight:300}.currency{padding:0rem .5rem;border-top:1px solid #68ca7d;transition:background-color 1s}.currency__button{width:100%;border:none;padding:.8rem;background-color:transparent;text-align:left;font-size:1.2rem;color:#0a8825;transition:color 1s}.currency__button:hover{color:#fff;transition:color .3s}.currency:hover{background-color:#0a8825;transition:background-color .3s}.amount{padding:1.6rem;background-color:#fff;color:#0a8825}.amount .amount-value{font-weight:700;font-size:2em}.amount .amount-currency{font-size:1.3em;margin-top:.8rem}.container-home{width:100%;height:100%;display:flex;flex-direction:column;align-items:center}.container-mention{overflow:scroll;padding:1rem}.container-mention article,.container-mention div{margin-top:1rem}.container-mention h2,.container-mention div button a{font-size:1.2rem;font-weight:700}.container-mention h2{margin-bottom:.5rem;text-decoration:underline}.container-mention h3{font-weight:500}.container-mention article{text-align:left;line-height:1.2}.container-mention article a{text-decoration:underline}.container-mention div{display:flex;align-items:center;justify-content:center}.container-mention div button{height:2.5rem;width:10rem;border:2px #0a8825 solid;border-radius:10px;background-color:#68ca7d}.container-mention div button a{color:#fff;text-shadow:1px 1px 1px #000}.footer,.footer__container-link{display:flex}.footer{width:100%;padding:.5rem .2rem;flex-direction:column;background-color:#68ca7d;color:#fff;text-shadow:1px 1px 1px #000}.footer__container-link{justify-content:space-around}.footer div+div{font-size:.8rem;margin-top:.8rem;text-align:center}.footer div a{text-decoration:underline}@media screen and (min-width: 768px){.footer{align-items:center}.footer__container-link{width:600px;font-size:1.2rem}.footer div+div{font-size:1rem}}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}a,del,ins{text-decoration:none}a{color:inherit}label,button{cursor:pointer}input,button{outline:0}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}
