@import"https://fonts.googleapis.com/css2?family=Montserrat&display=swap";*{margin:0;font-family:Montserrat,sans-serif;background-color:#0e1212;color:#fff}section{display:grid;place-items:center;align-content:center;min-height:100vh}button{cursor:pointer}.skilltable:nth-child(2){transition-delay:.2s}.skilltable:nth-child(3){transition-delay:.3s}.navbar{position:sticky;top:0;z-index:1;padding:1%;display:flex;justify-content:space-between;text-decoration:none;overflow:hidden}.navbar .header{font-size:larger}.navbar .navlinks{display:flex;gap:3vh;text-decoration:none;font-size:large}.navbar .navlinks a{text-decoration:none;color:#e51414;transition:all .4s ease-out}.navbar .navlinks a:hover{color:#f4e5e5;transition:all .4s ease-out}.navbar a{text-decoration:none;color:inherit}.mobnav{display:none}@media only screen and (max-width: 800px){.navbar{display:none}.mobnav{position:fixed;z-index:1;bottom:0;height:65px;width:100%;display:flex;justify-content:space-around;align-items:center}.mobnavlink{display:flex;flex-direction:column;justify-content:center;align-items:center}}.skills div{padding:20px;border:3px solid #A3A3A3;display:flex;flex-direction:column;gap:20px}.skills div h3{font-weight:lighter;text-align:left;padding:7%}.skilltit{text-align:center;font-size:40px;margin-bottom:5%}@media only screen and (min-width: 801px){.skills{text-align:center;padding-left:5%;padding-right:5%;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px}}@media only screen and (max-width: 800px){.skills{display:flex;flex-direction:column;gap:10px;justify-content:center;align-items:center;margin:40px}}img{border:2px solid white;width:100%;height:60%;margin-left:auto;margin-right:auto;transition-duration:.3s;transition-property:transform;transition-timing-function:ease-in}img:hover{transform:translateY(-1rem);transition-duration:.3s;transition-property:transform;transition-timing-function:ease-out}.detailed{text-align:center}.detailed h2{padding:20px}.detailed div{display:flex;justify-content:center;align-items:center;gap:20px}button{border:2px solid #B90000;background-color:#b90000;color:#fff;padding:5px 20px;border-radius:5px;transition:.3s}button:hover{box-shadow:8px 8px #b34949;transition:.3s}a{text-decoration:none;color:inherit;background-color:transparent}.skilltable{height:100%;padding:10px}.item1{align-self:self-start}.item2{align-self:self-end}.item3{align-self:self-start}@media only screen and (min-width: 801px){.container{display:grid;grid-template-columns:repeat(3,1fr);margin-right:auto;margin-left:auto;position:relative;place-items:center;align-items:center;gap:20px;height:50vh;padding:20px}}@media only screen and (max-width: 800px){.container{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;margin:60px}}.firstcard{background-image:url(/assets/jelly-a491530c.png);background-position:center center;background-size:60%;background-blend-mode:hard-light;background-repeat:no-repeat}.firstcard div{text-align:center}@media only screen and (min-width: 801px){.content{background-color:transparent}.content h1{font-weight:700;font-size:50px;background-color:transparent}.content p{font-size:30px;background-color:transparent}}@media only screen and (max-width: 800px){.content h1{background-color:transparent;font-size:50px}.content p{font-size:30px;padding:20px;background-color:transparent}.content{background-color:transparent}}.hidden{opacity:0;filter:blur(5px);transform:translate(-100%);transition:all 1s}.show{opacity:1;filter:blur(0px);transform:translate(0)}.details{max-width:1000px}.details h1{font-size:50px;font-weight:800}.details .abtdes{padding-top:10px;padding-bottom:10px;font-size:large}.skillsdes p{padding-top:10px;padding-bottom:10px;font-size:larger;font-weight:700}.skillsdes li{font-size:larger;color:#fa1919}.links{display:flex;align-items:center;gap:14px}.links button{display:flex;justify-content:center;align-items:center;gap:5px}.links button p,.links button .res{background-color:inherit}.cols{width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,auto));justify-content:center}.col .title{margin-bottom:50px;font-size:xx-large}.col li{font-size:18px;margin-bottom:10px;list-style-type:none;color:#fa1919}.material p{font-size:xx-large;margin-bottom:2%}.artists{color:#fa1919;transition:all .4s ease-out}.artists:hover{color:#f4e5e5;transition:all .4s ease-out}.skillcol{list-style-type:none;padding:10px}ul{padding:0;box-sizing:border-box}li{text-align:center}@media only screen and (max-width: 800px){.details h1{text-align:center}.links{padding:10px;display:flex;justify-content:center;align-items:center}.abtdes,.skillsdes p{padding:40px}}