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{--x:50%;--y:50%;--background-color:#000;--card-hover-color:#000;--radient-color:#000;--text-color:#000;--unlight-color:#000;--tag-bg-color:#000;--tag-color:#000;--circle-translate:0;--spacing-large:60px;--spacing-medium:24px;--spacing-small:16px;--spacing-tags:5px;--size-big:42px;--size-medium:14px;--size-small:12px;--app-size:16px}.dark{--background-color:#03234b;--card-hover-color:#03234b4d;--radient-color:#6eacda4d;--text-color:#ccc;--unlight-color:#fff;--tag-bg-color:#7cffe91a;--tag-color:#7cffe9;--circle-translate:translate(27.5px,-50%)}.light{--background-color:#fff8f2;--card-hover-color:#fff8f24d;--radient-color:#ffb3b34d;--text-color:#737373;--unlight-color:#000;--tag-bg-color:#ff2a7f1a;--tag-color:#ff2a7f;--circle-translate:translate(2.5px,-50%)}.app{background-color:#000;background-color:var(--background-color);background-image:radial-gradient(circle at 50% 50%,#000,#0000 35%);background-image:radial-gradient(circle at var(--x) var(--y),var(--radient-color),#0000 35%);color:#000;color:var(--text-color);font-family:Be Vietnam Pro,sans-serif;font-size:16px;font-size:var(--app-size);font-weight:400;line-height:1.5}.container{align-items:start;display:flex;flex-direction:row;margin:auto;width:1280px}@media (max-width:1280px){.container{width:auto}}@media (max-width:1024px){.container{flex-direction:column;width:auto}}.left,.right{width:50%}.left{float:left;position:sticky;top:0}.right{float:right}@media (max-width:1024px){.left,.right{float:none;width:100%}.left{position:static}}header,main{box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;min-height:100vh}header{padding:60px 0 60px 60px;padding:var(--spacing-large) 0 var(--spacing-large) var(--spacing-large)}main{padding:16px 60px 0 0;padding:var(--spacing-small) var(--spacing-large) 0 0}footer{font-size:14px;font-size:var(--size-medium);padding:24px 60px 60px 0;padding:var(--spacing-medium) var(--spacing-large) var(--spacing-large) 0}@media (max-width:1024px){header{min-height:min-content;padding:60px;padding:var(--spacing-large)}main{padding:0 60px;padding:0 var(--spacing-large)}footer{padding:24px 60px 60px;padding:var(--spacing-medium) var(--spacing-large) var(--spacing-large) var(--spacing-large)}}@media (max-width:768px){header{padding:24px;padding:var(--spacing-medium)}main{padding:0 24px;padding:0 var(--spacing-medium)}footer{padding:16px 24px 24px;padding:var(--spacing-small) var(--spacing-medium) var(--spacing-medium) var(--spacing-medium)}.button{display:none;position:relative}}header img{border:5px solid #000;border:5px solid var(--tag-bg-color);border-radius:50%;height:150px;margin-top:60px;margin-top:var(--spacing-large);object-fit:cover;width:150px}@media (max-width:1024px){header img{margin-bottom:60px;margin-bottom:var(--spacing-large)}}ul{list-style-type:none;padding-left:0}@media (max-width:1024px){nav{display:none;position:relative}}#navbar ul{display:flex;flex-direction:column;justify-content:start}#navbar ul li{max-width:min-content}#contact ul{display:flex;flex-wrap:wrap;justify-content:start}#contact ul li{margin-right:24px;margin-right:var(--spacing-medium)}#darkmode{align-items:center;color:#000;color:var(--unlight-color);display:flex;justify-content:end}@media (max-width:1024px){#darkmode{display:none;position:relative}}.switch{background-color:#000;background-color:var(--text-color);border-radius:25px;cursor:pointer;height:20px;margin:0 16px;margin:0 var(--spacing-small);position:relative;transition:background-color .3s;width:45px}.circle{background-color:#000;background-color:var(--unlight-color);border-radius:50%;height:15px;position:absolute;top:50%;transform:0;transform:var(--circle-translate);transition:transform .3s;width:15px}.tags ul{flex-direction:row;justify-content:start}.button{background-color:#000;background-color:var(--tag-bg-color);border:none;border-radius:10px;color:#000;color:var(--unlight-color);height:auto;padding:5px 16px;padding:var(--spacing-tags) var(--spacing-small)}.button:hover{color:#000;color:var(--tag-color);cursor:pointer}a{color:inherit;text-decoration:none}a:hover{color:#000;color:var(--unlight-color)}section{margin:24px 0;margin:var(--spacing-medium) 0}h1{font-size:42px;font-size:var(--size-big);margin-bottom:0}h1,h2{color:#000;color:var(--unlight-color);font-weight:500}h2{margin-top:0}h3{font-size:14px;font-size:var(--size-medium);font-weight:700;letter-spacing:1px;padding-right:16px;padding-right:var(--spacing-small);text-transform:uppercase}h3.active{color:#000;color:var(--tag-color)}header h3{margin-top:0}main h3{display:none;margin-top:12px;position:relative}@media (max-width:1024px){main h3{display:block}}h4{font-size:16px;font-size:var(--app-size);font-weight:500;margin:0 5px 0 0;margin:0 var(--spacing-tags) 0 0}main ul{align-items:center;display:flex;flex-direction:column}main p{text-align:justify}b{color:#000;color:var(--unlight-color);font-weight:500}.card{box-sizing:border-box;display:grid;grid-template-columns:1fr 3fr;margin-bottom:16px;margin-bottom:var(--spacing-small);padding:16px 4%;padding:var(--spacing-small) 4% var(--spacing-small) 4%;transition:transform .3s;width:108%}@media (max-width:768px){.card{grid-template-columns:1fr}}.card h3{display:block;line-height:24px;margin-top:0}.card svg{box-sizing:border-box;margin:0 16px;max-width:100px}@media (max-width:768px){.card svg{margin:16px 0}}.card p{font-size:14px;font-size:var(--size-medium)}.card:hover{background-color:#000;background-color:var(--card-hover-color);border-radius:10px}.links,.title{display:flex;flex-wrap:wrap}.links a{margin:5px 16px 0 0;margin:var(--spacing-tags) var(--spacing-small) 0 0}.tags{margin-top:16px;margin-top:var(--spacing-small)}.tags ul{display:flex;flex-wrap:wrap}.tags ul,.tags ul li{color:#000;color:var(--tag-color);font-size:14px;font-size:var(--size-medium)}.tags ul li{background-color:#000;background-color:var(--tag-bg-color);border-radius:9999px;margin:5px 5px 0 0;margin:var(--spacing-tags) var(--spacing-tags) 0 0;padding:5px 16px;padding:var(--spacing-tags) var(--spacing-small)}
/*# sourceMappingURL=main.0e4993cb.css.map*/