html{background-color:hsl(221,14%,98%);font-size:1em;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;min-width:300px;overflow-x:hidden;overflow-y:scroll;text-rendering:optimizeLegibility;text-size-adjust:100%}article,aside,figure,footer,header,hgroup,section{display:block}body,button,input,optgroup,select,textarea{font-family:"Inter","SF Pro","Segoe UI","Roboto","Oxygen","Ubuntu","Helvetica Neue","Helvetica","Arial",sans-serif}code,pre{-moz-osx-font-smoothing:auto;-webkit-font-smoothing:auto;font-family:"Inconsolata","Hack","SF Mono","Roboto Mono","Source Code Pro","Ubuntu Mono",monospace}body{color:hsl(221,14%,21%);font-size:1em;font-weight:400;line-height:1.5}a,button{cursor:pointer}a:focus-visible:active,button:focus-visible:active{outline-width:1px}a:active,button:active{outline-width:1px}a{color:hsl(233,100%,63%);cursor:pointer;text-decoration:none;transition-duration:294ms;transition-property:background-color,border-color,color}a:hover{color:hsl(233,100%,53%)}a strong{color:currentColor}button{appearance:none;background:none;border:none;color:inherit;font-family:inherit;font-size:1em;margin:0;padding:0;transition-duration:294ms;transition-property:background-color,border-color,color}code{background-color:hsl(221,14%,98%);border-radius:.5em;color:hsl(348,100%,70%);font-size:.875em;font-weight:normal;padding:.25em .5em .25em}hr{background-color:hsl(221,14%,98%);border:none;display:block;height:2px;margin:1.5rem 0}img{height:auto;max-width:100%}input[type=checkbox],input[type=radio]{vertical-align:baseline}small{font-size:.875em}span{font-style:inherit;font-weight:inherit}strong{color:hsl(221,14%,9%);font-weight:600}svg{height:auto;width:auto}fieldset{border:none}pre{-webkit-overflow-scrolling:touch;background-color:hsl(221,14%,98%);color:hsl(221,14%,21%);font-size:.875em;overflow-x:auto;padding:pre-padding;white-space:pre;word-wrap:normal}pre code{background-color:rgba(0,0,0,0);color:currentColor;font-size:1em;padding:0}table td,table th{vertical-align:top}table td:not([align]),table th:not([align]){text-align:inherit}table th{color:hsl(221,14%,9%)}html,body,p,ol,ul,li,dl,dt,dd,blockquote,figure,fieldset,legend,textarea,pre,iframe,hr,h1,h2,h3,h4,h5,h6{margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}ul{list-style:none}button,input,select,textarea{margin:0}html{box-sizing:border-box}*,*::before,*::after{box-sizing:inherit}img,video{height:auto;max-width:100%}iframe{border:0}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}td:not([align]),th:not([align]){text-align:inherit}.grid{width:100vw;height:100vh;display:grid;grid-template-rows:100%;grid-template-columns:100%}.main{grid-row:1/2;grid-column:1/2}.content{width:100%;height:100%;overflow-y:scroll;display:flex;flex-direction:column;gap:.75rem;padding:.75rem;align-items:center}.content__header{display:flex;flex-direction:column;justify-content:center;align-items:center}.content__body{width:50%;display:flex;flex-direction:column;gap:.75rem;justify-content:center;align-items:center;font-size:1rem;text-align:justify}@media screen and (max-width: 768px){.content__body{width:100%}}.content__image{width:50%}.content__title{color:hsl(221,14%,21%);font-size:2.5rem;font-weight:900}@media screen and (max-width: 768px){.content__title{font-size:1.5rem}}.content__subtitle{color:hsl(221,14%,48%);font-size:1.5rem;font-weight:500}@media screen and (max-width: 768px){.content__subtitle{font-size:1.25rem}}.skills{width:100%;max-height:50%;height:max-content;display:flex;flex-direction:column}.skills__title{color:hsl(221,14%,9%);font-size:2rem;font-weight:900}@media screen and (max-width: 768px){.skills__title{font-size:1.5rem}}.skills__list{list-style:inside disc}