Sure, you can create a new file called `style.css` in the `static` folder and add the following code:
```css
/* Index Page Styling */
body {
  font-family: 'Roboto', sans-serif;
  background-color: #F8F8F8;
}

.container {
  max-width: 600px;
  margin: 0 auto;
  padding: 30px 20px;
  background-color: #FFFFFF;
  border-radius: 5px;
  box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
}

h1 {
  font-weight: bold;
  font-size: 36px;
  margin-bottom: 30px;
}

.form-group {
  margin-bottom: 20px;
}

label {
  display: inline-block;
  margin-bottom: 5px;
}

input[type=file] {
  display: block;
  margin-bottom: 10px;
}

input[type=text], select {
  width: 100%;
  height: 40px;
  padding: 5px 10px;
  border: 1px solid #CCCCCC;
  border-radius: 5px;
  font-size: 16px;
  font-weight: normal;
  line-height: 1.5;
  color: #333333;
  background-color: #FFFFFF;
}

select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 8'><polygon points='0,0 14,0 7,8'/></svg>");
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 12px;
  padding-right: 35px;
}

input[type=submit] {
  display: block;
  margin-top: 20px;
  background-color: #2F80ED;
  border: none;
  border-radius: 5px;
  font-size: 16px;
  font-weight: bold;
  color: #FFFFFF;
  padding: 10px 20px;
  cursor: pointer;
}

input[type=submit]:hover {
  background-color: #2F80ED;
}

/* Download Page Styling */
.download-container {
  max-width: 600px;
  margin: 0 auto;
  padding: 30px 20px;
  background-color: #FFFFFF;
  border-radius: 5px;
  box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
}

.download-header {
  font-weight: bold;
  font-size: 36px;
  margin-bottom: 30px;
  text-align: center;
}

.download-links {
  list-style: none;
  padding: 0;
  margin: 0;
}

.download-link {
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 10px;
}

.download-link a {
  display: block;
  padding: 10px 20px;
  background-color: #2F80ED;
  border-radius: 5px;
  font-size: 16px;
  font-weight: bold;
  color: #FFFFFF;
  text-decoration: none;
  text-align: center;
  transition: background-color 0.3s ease-in-out;
}

.download-link a:hover {
  background-color: #1A64D4;
}
```
Then in your `index.html` file,
물론 `static` 폴더에 `style.css`라는 새 파일을 만들고 다음 코드를 추가할 수 있습니다:
```css
/* 색인 페이지 스타일링 */
body {
  글꼴 가족: '로보트', 산세리프;
  background-color: #F8F8F8;
}

.container {
  최대 너비: 600px;
  여백: 0 자동;
  패딩: 30px 20px;
  background-color: #FFFFFF;
  테두리-반경: 5px;
  상자-그림자: 0px 0px 5px 0px rgba(0,0,0,0.2);
}

h1 {
  font-weight: 굵게;
  font-size: 36px;
  margin-bottom: 30px;
}

.form-group {
  여백-하단: 20px;
}

label {
  표시: 인라인 블록
  margin-bottom: 5px;
}

입력[유형=파일] {
  표시: 블록
  margin-bottom: 10px;
}

입력[유형=텍스트], 선택 {
  width: 100%;
  높이: 40px;
  패딩: 5px 10px;
  테두리: 1px 솔리드 #CCCCCC;
  테두리-반경: 5px;
  글꼴 크기: 16px;
  글꼴 무게: 보통;
  줄 높이: 1.5;
  color: #333333;
  배경색: #FFFFFF;
}

선택 {
  appearance: none;
  -웹킷 모양: 없음;
  -moz-appearance: none;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 8'><polygon points='0,0 14,0 7,8'/></svg>");
  배경-반복: 반복 없음;
  배경-위치: 오른쪽 10px 가운데;
  배경 크기: 12px;
  padding-right: 35px;
}

input[type=submit] {
  표시: 블록
  여백 상단: 20px;
  background-color: #2F80ED;
  테두리: 없음
  테두리-반경: 5px;
  글꼴 크기: 16px;
  글꼴 굵기: 굵게
  color: #FFFFFF;
  패딩: 10px 20px;
  커서: 포인터;
}

input[type=submit]:hover {
  background-color: #2F80ED;
}

/* 다운로드 페이지 스타일링 */
.download-container {
  최대 너비: 600px;
  여백: 0 자동;
  padding: 30px 20px;
  background-color: #FFFFFF;
  테두리-반경: 5px;
  상자-그림자: 0px 0px 5px 0px rgba(0,0,0,0.2);
}

.download-header {
  font-weight: 굵게;
  font-size: 36px;
  margin-bottom: 30px;
  텍스트 정렬: 가운데;
}

.download-links {
  목록 스타일: 없음;
  padding: 0;
  여백: 0;
}

.download-link {
  표시: 인라인 블록;
  margin-right: 10px;
  margin-bottom: 10px;
}

.download-link a {
  표시: 블록
  패딩: 10px 20px;
  background-color: #2F80ED;
  테두리-반경: 5px;
  글꼴 크기: 16px;
  글꼴 굵기: 굵게
  color: #FFFFFF;
  텍스트 장식: 없음;
  텍스트 정렬: 가운데
  전환: 배경색 0.3초 이지-인-아웃;
}

.download-link a:hover {
  background-color: #1A64D4;
}
```
그런 다음 `index.html` 파일에서,