body{font-family:Source Code Pro,monospace;font-size:20px;margin:.5rem;padding:.5rem;-ms-overflow-style:none;scrollbar-width:none}body::-webkit-scrollbar{display:none}.dark{background-color:#000;color:#fff;transition:.75s}.light{background-color:#fff;color:#000;transition:.75s}#heading{display:grid;grid-template-columns:1fr;justify-content:space-between;align-items:center}header{animation:fadeIn .75s;display:grid;grid-template-columns:1fr;align-items:center;padding:1rem;margin-bottom:1rem}#switchContainer{height:fit-content;width:150px;display:flex;align-items:center;justify-content:space-between}.switch{position:relative;display:inline-block;width:60px;height:34px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;-webkit-transition:.4s;transition:.4s}.slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff;-webkit-transition:.4s;transition:.4s}input:checked+.slider{background-color:gray}input:focus+.slider{box-shadow:0 0 1px #2196f3}input:checked+.slider:before{-webkit-transform:translateX(26px);-ms-transform:translateX(26px);transform:translate(26px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}nav{margin-bottom:1rem;text-align:center;height:fit-content}nav ul{gap:.5rem;list-style-type:none;margin:0;padding:.25rem;display:grid;grid-template-columns:1fr 1fr 1fr;font-size:1.5rem}@media (min-width: 880px){nav ul{grid-template-columns:repeat(3,1fr)}header{grid-template-columns:1fr 1fr}}nav ul li{text-decoration:none;padding:.25rem}a{color:none}.dot-display{border:1px solid black;margin:.5rem;position:relative;width:100%;height:400px;overflow:hidden}main{display:grid;grid-template-columns:1fr;grid-template-rows:auto auto}@media (min-width: 950px){main{grid-template-columns:1fr 1fr}}#about{padding:1rem;margin-bottom:3rem}h2,h3{text-align:center}#tech{display:grid;gap:.5rem;list-style-type:none;margin:0;padding:0}@media (min-width: 100px){#tech{grid-template-columns:repeat(2,1fr)}}@media (min-width: 700px){#tech{grid-template-columns:repeat(4,1fr)}}#tech li{margin:0 auto;width:fit-content;padding:.25rem;display:flex;flex-direction:column;align-items:center}#tech li i{height:50px}#tech li img{width:40px;height:40px;margin-bottom:10px}#projects{display:grid;gap:.5rem;grid-template-columns:1fr}.card{display:grid;grid-template-columns:1fr;position:relative}#card-links{display:flex;align-items:center;justify-content:space-evenly;position:relative;grid-row:2/3;padding-top:20px}@media (min-width: 416px){.card{grid-template-columns:1fr 1fr;width:fit-content}.card p{grid-column-start:span 2}#card-links{grid-row:1/2}}.card-image{height:200px;width:250px}.contact{padding:.5rem;display:flex;padding-left:0;background-color:transparent;position:relative}footer{border:1px solid black;padding:1rem;text-align:center}.mask{width:250px;height:250px;border:1px solid black}#tsparticles{animation:fadeIn 1s;height:750px;width:auto;position:absolute}@media (min-width: 950px){#tsparticles{position:relative}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}a{text-decoration:none;color:inherit}