body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--darkslategray:#343131;--colour-grey:grey;--colour-black:#000;--colour-white:#fff;--colour-royal-blue:#4169e1;--colour-purple:purple;--colour-darkred:#8b0000;--background:var(--colour-white);--text-primary:var(--colour-black);--text-secondary:var(--colour-royal-blue);--accent:var(--colour-purple)}[data-theme=dark]{--background:var(--darkslategray);--text-primary:var(--colour-white);--text-secondary:var(--colour-grey);--accent:var(--colour-darkred)}:root{--box-shadow-colour:0 0.188rem 0.625rem rgba(0,0,0,.2)}*{box-sizing:border-box;margin:0;padding:0}.App{background-color:var(--background);color:var(--text-primary);margin-bottom:2rem;transition:all .5s}.flex-container{display:flex;flex-wrap:wrap;gap:3rem;margin-left:5rem}.countrycard{box-shadow:0 .188rem .625rem rgba(0,0,0,.2);box-shadow:var(
    --box-shadow-colour
  );cursor:pointer;display:flex;flex-direction:column;width:15rem}.countrycard img{display:block;height:12.5rem;object-fit:scale-down;width:15rem}.cardtext{border:.063rem solid transparent;border-top-style:none;display:flex;flex-direction:column;line-height:1.8rem;margin-bottom:1rem;margin-left:1rem;text-align:left}.grid-container{grid-template-areas:"left right"}.flexwrap-container{display:flex;flex-wrap:wrap;margin:1rem 5rem}.left,.right{flex-basis:50%;text-align:left}.right{text-align:right}@media screen and (max-width:38.75rem){.right{display:none}}.searchbar{border:.125rem solid transparent;font-size:.875rem;margin-top:5vh;padding:2rem 2rem 2rem .1rem;width:25rem}.searchbar,input:active,input:focus{box-shadow:0 .188rem .625rem rgba(0,0,0,.2);box-shadow:var(--box-shadow-colour)}input:active,input:focus{outline:none}.select-class{cursor:pointer;font-size:.875rem;margin-top:5vh;padding:1rem;width:15.625rem}.select-class:focus{outline:.125rem solid transparent;outline-offset:.125rem}.blankspace{margin-bottom:6rem}.cview-flex-container{display:flex;flex-basis:25%;flex-wrap:wrap;gap:3.75rem;margin:5rem}img{height:22.5rem;object-fit:scale-down;width:31.25rem}.borders-flex-container{-webkit-column-gap:2rem;column-gap:2rem;display:flex;flex-direction:row;flex-wrap:wrap;margin-left:2rem;row-gap:1rem}.border-item{flex-basis:20%}.countryname{grid-area:countryname;margin-top:1rem}.nativename{grid-area:nativename}.population{grid-area:population}.tld{grid-area:tld}.currencies{grid-area:currencies}.region{grid-area:region}.subregion{grid-area:subregion}.capital{grid-area:capital}.theborder{grid-area:theborder}.neighbours{grid-area:neighbours}.grid-container{grid-column-gap:.625rem;grid-row-gap:1rem;-webkit-column-gap:.625rem;column-gap:.625rem;display:grid;font-size:1.125rem;grid-template-areas:"countryname    countryname     countryname     countryname     countryname     countryname" "nativename     nativename      nativename      tld             tld             tld" "population     population      population      currencies      currencies      currencies" "region         region          region          languages       languages       languages" "subregion      subregion       .               .               .               ." "capital        capital         .               .               .               ." ".              .               .               .               .               ." ".              .               .               .               .               ." ".              .               .               .               .               ." ".              .               .               .               .               ." "theborder      neighbours      neighbours      neighbours      neighbours      neighbours";margin-bottom:2rem;row-gap:1rem}.title{font-weight:500;white-space:nowrap}hr{background-color:var(--colour-grey);margin:0 5rem;width:auto}.mb1{margin-bottom:1rem}.button{align-items:center;border-color:transparent;box-shadow:0 .188rem .625rem rgba(0,0,0,.2);box-shadow:var(--box-shadow-colour);cursor:pointer;display:flex;justify-content:center;margin:2rem 5rem;padding:.5rem}.button-arrow{background-color:transparent;height:.75rem;width:.75rem}.button-arrow-left{border-bottom:.063rem solid rgba(0,0,0,.3);border-left:.063rem solid rgba(0,0,0,.3);-webkit-transform:translateX(25%) rotate(45deg);transform:translateX(25%) rotate(45deg)}.button-38{background-color:var(--colour-white);border:0;border-radius:.5rem;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);box-sizing:border-box;color:#111827;cursor:pointer;font-family:Inter var,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-size:.875rem;font-weight:600;line-height:1.25rem;padding:.75rem 1rem;text-align:center;-webkit-text-decoration:none #d1d5db solid;text-decoration:none #d1d5db solid;text-decoration-thickness:auto;touch-action:manipulation;-ms-user-select:none;user-select:none;-webkit-user-select:none}.button-38:hover{background-color:#f9fafb}.button-38:focus{outline:.125rem solid transparent;outline-offset:.125rem}.button-38:focus-visible{box-shadow:none}.day-mode{background-color:var(--background);color:var(--text-primary);font-size:1rem}.night-mode{background-color:#333;color:#ddd}.day-mode,.night-mode{border:none;font-size:1rem;margin-top:1rem}.toggle input[type=checkbox]{display:none}.toggle label{background-color:#777;border:.125rem solid #555;border-radius:3.125rem;height:3.125rem;position:relative;width:6.25rem}.toggle label,.toggle label:after{cursor:pointer;display:inline-block;transition:all .3s ease-in-out}.toggle label:after{background-color:#555;border-radius:50%;content:" ";height:2.625rem;left:.125rem;position:absolute;top:.125rem;width:2.625rem}.toggle input[type=checkbox]:checked~label{background-color:#00a0fc;border-color:#006dc9}.toggle input[type=checkbox]:checked~label:after{background-color:#0054b0;-webkit-transform:translateX(3.125rem);transform:translateX(3.125rem)}.toggle input[type=checkbox]:checked~label.animate{background-color:#00a0fc;border-color:#006dc9}.toggle input[type=checkbox]:checked~label.animate.grow{background-color:#0054b0;-webkit-transform:translateX(3.125rem);transform:translateX(3.125rem)}.clear-search{cursor:pointer;font-size:.875rem;margin:2rem}.centre{text-align:center}
/*# sourceMappingURL=main.30e72926.css.map*/