@import url("https://fonts.googleapis.com/css2?family=Kanit:ital,wght@1,500&display=swap");body{margin:0;padding:0;font-family:sans-serif;background-color:#110320ff}.name,.profession{background:radial-gradient(circle at .4% -.6%,rgb(143,170,210) 0,rgb(255,177,177) 90%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}#tsparticles{position:fixed;margin:0;padding:0;left:0;top:0;right:0;bottom:0;z-index:-1}.home{padding-top:4%;padding-bottom:0;font-weight:700;color:white}.home,.home div{text-align:center;justify-content:center}.home div{margin-top:16%}.title{font-size:70px;margin-top:2%;animation-delay:.25s}.subTitle{margin-top:5%;font-size:60px;animation-delay:.5s}@media only screen and (min-width:737px) and (max-width:1279px){.home{padding:10% 0;text-align:center;justify-content:center}.home .navy .title{font-size:85px;margin:5% 0}.home .navy .subTitle{margin-top:8%;font-size:75px}}@media only screen and (min-width:481px) and (max-width:736px){.home{padding:30% 0;text-align:center;justify-content:center}.home .navy .title{font-size:3em;margin:5% 3% 0}.home .navy .subTitle{margin-top:5%;font-size:2.5em}}@media only screen and (min-width:200px) and (max-width:480px){.home{margin:0 3%;padding:32% 0;text-align:center;justify-content:center}.title{font-size:1.8em;margin-top:5%}.subTitle{margin-top:8%;font-size:1.5em}}.links{text-align:center;justify-self:center;justify-items:center;justify-content:center}.links .icon{margin:2%;font-size:35px;cursor:pointer;color:rgb(255,177,177)}.icon:hover{transform:scale(1.2)}.links{font-size:20px}.resumeBtn{background:radial-gradient(circle at .4% -.6%,rgb(143,170,210) 0,rgb(255,177,177) 90%);border:none;color:white;padding:10px;text-align:center;text-decoration:none;display:inline-block;border-radius:10px;margin:2%}.resumeBtn:hover{background:radial-gradient(circle at .4% -.6%,rgb(255,177,177) 0,rgb(143,170,210) 90%)}