@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap";@import"https://fonts.googleapis.com/css2?family=Anton&family=Roboto+Slab:wght@500&display=swap";:root{scroll-behavior:smooth}html,body{font-family:Montserrat,sans-serif}body{display:flex;flex-direction:column}#root{width:100%;height:100%;display:flex;flex-direction:column;min-height:100vh}.MuiSwitch-root{margin:0}.app-wrapper{max-width:1100px;margin:10px 25px;flex:1}@media screen and (min-width: 650px){.app-wrapper{margin:50px 35px 10px}}.header-container{display:flex;justify-content:space-between;align-items:center;gap:10px;height:100%;position:sticky;top:0;z-index:1;background-color:#1e202a}.anchor-links-container{display:flex;gap:8%;font-weight:700;font-size:11px;flex-grow:1}.anchor-links-container>a{text-decoration:none}@media screen and (min-width: 380px){.anchor-links-container{font-size:14px}}@media screen and (min-width: 650px){.anchor-links-container{font-size:18px}}.name{animation-name:slideName;animation-duration:1s}.web-developer{animation-name:slideWebDev;animation-duration:1.5s}.web-img-container{width:25px;height:25px;animation-name:spin,fadeIn;animation-duration:5s,2s;animation-iteration-count:infinite,1;animation-timing-function:linear}.web-img-container>img{height:100%;width:100%;opacity:.9}@keyframes fadeIn{0%{opacity:0}to{opacity:100%}}@keyframes spin{0%{transform:rotate(0)}50%{transform:rotate(180deg)}to{transform:rotate(360deg)}}@keyframes slideWebDev{0%{transform:translate(300%)}to{transform:translate(0)}}@keyframes slideName{0%{transform:translate(-200%)}to{transform:translate(0)}}@media screen and (min-width: 600px){.web-img-container{width:35px;height:35px}}.carousel-container{height:110px;width:100%;overflow-x:hidden;position:relative}.item{display:flex;flex-direction:column;gap:5%;align-items:center}.item>p{font-size:10px;font-weight:600;margin:0}.item>img{width:80%}.carousel{display:flex;position:absolute;height:100%;gap:10px}.carousel-img-container{width:75px}.carousel-img-container>img{width:100%}@media screen and (min-width: 650px){.carousel-container{height:150px;width:100%}.carousel-img-container{width:100px}.item>p{font-size:14px}}