#page,body{position:relative}body{animation:fadein 2s;-moz-animation:fadein 2s;-webkit-animation:fadein 2s;-o-animation:fadein 2s;background-color:#000}.navbar{background-color:rgba(0,0,0,.1)}#test{color:#fff}.grid-container{display:grid;grid-auto-rows:fit-content(1.5em);margin-left:20%;margin-right:20%;margin-top:10%;padding:14px 16px}.grid-items{grid-gap:1em;display:grid;grid-template-columns:repeat(2,1fr)}#name{color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:3.5em}@media (max-width:900px){.grid-container{margin-left:10%;margin-right:10%;margin-top:20%}}@media (min-width:100px){.grid-items{grid-template-columns:repeat(1,1fr)}}@media (min-width:900px){.grid-items{grid-template-columns:repeat(2,1fr)}}@keyframes fadein{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fadein{0%{opacity:0}to{opacity:1}}ul{list-style-type:none;overflow:hidden;padding:0}.navBar{-webkit-backdrop-filter:saturate(100%) blur(16px);backdrop-filter:saturate(100%) blur(16px);position:fixed;top:0;width:100%;z-index:1}nav{margin-left:20%;margin-right:20%}@media (max-width:900px){nav{margin-left:10%;margin-right:10%}}li{float:right}#nav-left{float:left}li a{color:#fff;display:block;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;padding:14px 16px;text-align:center;text-decoration:none;transition:color .3s}li a:hover{color:#b8b8b8}@media (max-width:900px){.links{display:none}}.footer{align-items:center;color:hsla(0,0%,100%,.144);cursor:pointer;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;height:100;justify-content:center;left:0;text-align:center;transition:color .3s}.footer:hover{color:hsla(0,0%,100%,.308)}#footerParent{bottom:-10%;position:absolute;width:100%}h1,p{color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}#about{margin-top:-.1em}span{font-weight:700}.grid-container-snippets{display:grid;grid-auto-rows:fit-content(1em)}.grid-items-snippets{grid-gap:1.5em;display:grid;grid-column-end:1;grid-column-start:0;grid-template-columns:repeat(2,1fr)}#subtitle{font-weight:lighter}#main,#subtitle{color:silver;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:.9em}#main{font-weight:700}.button2{height:33px;padding-right:10px;text-decoration:none;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s;width:33px}.button2:hover{-webkit-transform:translateY(-5px);transform:translateY(-5px)}#buttonNew{background-color:#fff;border-radius:5px}.grid-container-buttons{grid-gap:1em;padding:14px 0}.grid-items-buttons{display:inline-block}.grid-container-prof{grid-gap:1em;display:grid;grid-auto-rows:fit-content(1em);padding:14px 0}.grid-items-prof{grid-gap:1em;display:grid;grid-column-end:3;grid-column-start:0;grid-template-columns:repeat(3,1fr)}.grid-container-work{grid-gap:1em;display:grid;grid-auto-rows:fit-content(1em);padding:14px 0}.grid-items-work{grid-gap:1em;display:grid;grid-column-end:2;grid-column-start:0;grid-template-columns:repeat(2,1fr)}a{text-decoration:none}#buttons{align-items:center;background-color:rgba(101,158,243,.411);border-radius:5px;box-shadow:0 0 0 1px rgba(156,195,253,.733);display:flex;justify-content:left;padding:5% 8px 5% 10%;transition:box-shadow .5s;transition:all .3s ease-in-out 0s}#buttons:hover{box-shadow:0 0 0 1px rgba(229,238,253,.733);-webkit-transform:translateY(-5px);transform:translateY(-5px)}.text{color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;margin-left:10%}@media (min-width:900px){#characters{color:red;font-size:1.5em}}iframe{border-radius:5px;border-style:none;height:900px;margin-top:10%;width:100%}.resume{-webkit-animation:fadeIn 3s forwards;animation:fadeIn 3s forwards}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}#resumeMain{margin-left:20%;margin-right:20%;margin-top:5%;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s}#resumeMain:hover{-webkit-transform:scale(1.02);transform:scale(1.02)}
/*# sourceMappingURL=main.39eb2ffe.css.map*/