.top{height:90vh;justify-content:space-between;align-items:center;display:flex;flex-direction:row}.intro-text{width:50%}.top h1{font-family:Sue Ellen Francisco,cursive;font-weight:400;font-size:5rem;color:#f0f0f0}.top p{font-family:Quicksand,sans-serif;font-size:2rem;color:#f0f0f0}.intro-animation{display:flex;justify-content:center;width:50%}.big-circle{border:2px solid #f0f0f0;border-radius:50%;width:480px;height:480px;display:flex;justify-content:center;align-items:center}.circle{border:2px solid #f0f0f0;border-radius:50%;background-color:#161a30;width:240px;height:240px;position:relative}.small-circle{width:30px;height:30px;border:2px solid #f0f0f0;background-color:#161a30;border-radius:50%;position:absolute;top:50%;left:100%;top:calc(50% - 15px);left:calc(100% - 15px);z-index:2}.small-orbit{position:absolute;top:0;left:0;width:100%;height:100%;animation:spin 10s linear infinite;z-index:2}.medium-circle{width:50px;height:50px;border:2px solid #f0f0f0;background-color:#161a30;border-radius:50%;position:absolute;top:50%;left:100%;top:calc(50% - 25px);left:calc(0% - 25px);z-index:1}.medium-orbit{position:absolute;top:0;left:0;width:100%;height:100%;animation:spin 30s linear infinite;z-index:1}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.diagonal-line{width:100px;height:100px;border-top:5px solid white;transform:rotate(-45deg)}*{margin:0;padding:0}body{margin:50px 20%;background-color:#161a30}.emphasis{color:#e5d283}p{font-family:Quicksand,sans-serif;font-size:1.4rem;color:#f0f0f0;text-align:justify;margin:15px 0}.about{display:flex;justify-content:space-between;align-items:center;height:100vh}.about img{height:480px;margin:0 50px 0 0;border-radius:5%}.about-text{width:50%}.about-text .emphasis{color:#e5d283}.about a{color:inherit;text-decoration:none}.about a:hover{color:#e5d283;text-decoration:underline}.project-container{height:100vh;display:flex;flex-direction:row;align-items:center;justify-content:center}.project-container img{width:360px;height:360px;border-radius:5%}.project-text{margin:20px 50px}.project-text h2{font-family:Quicksand,sans-serif;color:#e5d283}.project-container a{font-size:1.2rem;color:inherit;text-decoration:none}.project-container a:hover{color:#e5d283;text-decoration:underline}footer{display:flex;flex-direction:column;align-items:center;justify-content:center}footer h2{font-family:Sue Ellen Francisco,cursive;font-weight:400;font-size:5rem;color:#f0f0f0}.icon-container{margin:25px}.icon{margin:0 50px;padding:8px;border-radius:10%;background-color:#f0f0f0;color:#161a30;cursor:pointer}.icon:hover{background-color:#e5d283}.smol-text{font-size:.5rem}