.App{text-align:center}.header{position:fixed;top:0;left:0;z-index:1000;width:100vw;display:flex;justify-content:space-between;padding:0 1em;font-size:1.5em;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background-color:transparent;transition:all .5s ease-in}.header div,.header a{background-color:transparent}.header a,.header a:visited{color:#f5f5f5;text-decoration:none}.header-logo{font-family:Creattion;color:#f5f5f5;font-size:1.6em;flex:1;display:flex}.header-container{display:flex;align-items:center;justify-content:center;height:3em;flex:1}.header-container a{padding:0 .5em}.header.scrolled{background-color:#f5f5f599}.header.scrolled a,.header.scrolled a:visited{color:#100c08}.icons-container{height:3em;display:flex;flex-direction:row-reverse;flex:1}.icons-container a{height:100%;display:flex;align-items:center;padding:0 .3em}.icons-container a>img{background-color:transparent;height:65%}@media only screen and (max-width: 600px){.header{display:block;position:relative;transition:none}.icons-container{flex-direction:row;justify-content:center}}.title{width:100vw;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:space-around}.title .name{font-family:Creattion;color:#f5f5f5;font-size:calc(12vw + 8vh)}.title .subheading{color:#f5f5f5;font-size:calc(3vw + 2vh)}#about{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}#about>img{height:125%;position:absolute;top:0;left:0;clip:inherit}#about>.content{background-color:#100c0825;border-radius:20px;padding:2%;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 0 16px 6px #f5f5f5;width:75%;text-align:left}#about>.content h1{background-color:transparent;font-size:9em}#about>.content p{background-color:transparent;font-size:3em;padding:.5em 0}@media only screen and (max-width: 768px){#about>.content h1{font-size:4em}#about>.content p{font-size:2.5em}}#projects{width:100vw;padding:2.5%;display:flex;flex-direction:column;align-items:center}#projects>h1{font-size:8em;padding:.5em}#projects>.content{width:100%;padding:2vh 0;display:grid;grid-template-columns:auto auto auto;row-gap:5vh;justify-content:space-around}.card{width:28vw;height:48vh;background-color:#100c0825;border-radius:20px;overflow:hidden;display:flex;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 0 16px 6px #f5f5f5;text-align:left;transition:transform .5s ease-in-out}.card:hover{transform:scale(1.03)}.card>.body{padding:4%;flex:3;overflow:scroll;display:inline-block}.card .img-container{flex:2;position:relative}.card img{position:absolute;height:100%;background-color:transparent}.card h1{font-size:3.25em;padding:0 0 .5em}.card p{font-size:2em}.card a{font-size:1.75em;overflow-wrap:break-word}.tools{display:flex;padding:1em 0;flex-wrap:wrap}.toolItem{font-size:1.5em;padding:.5em 1em;background-color:gray;border-radius:50px;margin-right:1em;margin-bottom:1em}@media only screen and (max-width: 1280px){#projects>.content{grid-template-columns:auto auto}.card{width:40vw;height:38vh}.card .img-container{display:none}}@media only screen and (max-width: 768px){#projects>.content{grid-template-columns:auto}#projects>h1{font-size:5.5em}.card{width:90vw;height:32vh}.card .img-container{display:block}.card h1{font-size:2em}.card p{font-size:1.5em}.toolItem,.card a{font-size:1.1em}}#skills{width:100vw;padding:2.5%;display:flex;flex-direction:column;align-items:center}#skills>h1{font-size:8em;padding:.5em}#skills>.content{width:100%;padding:2vh 0;display:grid;grid-template-columns:auto auto auto auto;row-gap:5vh;justify-content:space-around}#skills .skill{width:10vw}.skill img{width:100%;height:auto;background-color:transparent}.skill p{font-size:2em;padding:1em}@media only screen and (max-width: 1280px){#skills>.content{grid-template-columns:auto auto auto}#skills .skill{width:25vw}.skill p{font-size:1.5em}}#footer>p{padding:1em;font-size:2em}@media only screen and (max-width: 600px){#footer>p{font-size:1em}}@font-face{font-family:Creattion;src:url(/assets/Creattion-CxvyYTYF.otf)}*::-webkit-scrollbar{display:none}*,:after,:before{box-sizing:border-box;background-color:#100c08;padding:0;margin:0;color:#f5f5f5;-ms-overflow-style:none;scrollbar-width:none}html{font-size:10px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;scroll-behavior:smooth}#gallery{text-align:center}#title{width:100vw;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:space-around;position:relative}.darken{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;background-color:#100c0877}#title .name{font-family:Creattion;color:#f5f5f5;font-size:calc(12vw + 8vh);z-index:3;background-color:transparent}#title img{position:absolute;top:0;left:0;height:100%;width:100%;z-index:1;filter:blur(4px);-webkit-filter:blur(4px)}#items{display:grid;grid-template-columns:auto auto auto;column-gap:2em;padding:2em}#items img{width:100%;height:auto;margin:.75em 0;border-radius:10px;pointer-events:none;-webkit-user-select:none;user-select:none}@media only screen and (max-width: 1280px){#items{grid-template-columns:auto auto}}@media only screen and (max-width: 768px){#items{grid-template-columns:auto}}