diff --git a/final.css b/final.css
new file mode 100644
index 0000000..4486c6b
--- /dev/null
+++ b/final.css
@@ -0,0 +1,197 @@
+body {
+    background-color: rgb(243, 224, 55);
+}
+.tate h1{
+    font-size: 500%;
+    margin-top: 1px;
+    margin-right: 1px;
+    margin-bottom: 1px;
+    margin-left: 1px;
+    position: absolute;
+    top: 0px;
+    right: 0px;
+    float: right;
+    writing-mode: vertical-rl;
+    color: rgb(34, 28, 119);
+}
+.tate h2{
+    font-size: 250%;
+    margin-top: 1px;
+    margin-right: 5ex;
+    margin-bottom: 1px;
+    margin-left: 1px;
+    position: absolute;
+    top: 0px;
+    right: 0px;
+    float: right;
+    writing-mode: vertical-rl;
+    color: rgb(34, 28, 119);
+}
+
+.douji{
+    float: right;
+    position: absolute;
+    top: 30em;
+    right: 1em;
+    text-align: right;
+
+}
+.sen{
+    border-top: solid 1px;
+    border-bottom: solid 1px;
+}
+.tategaki{
+    float: right;
+    font-size: 135%;
+    writing-mode: vertical-rl;
+    margin-top: 1px;
+    margin-right: 1px;
+    margin-bottom: 1px;
+    margin-left: 1px;
+    position: absolute;
+    top: 43ex;
+    right: 5ex;   
+    font-weight: bold;
+}
+.domonken{
+    margin-top: 1px;
+    margin-right: 1px;
+    margin-bottom: 1px;
+    margin-left: 1px;
+    width: 540px;
+    height: 739px;
+}
+.year{
+    margin-top: 1px;
+    margin-right: 1px;
+    margin-bottom: 1px;
+    margin-left: 1px;
+    writing-mode: vertical-rl;
+    color: rgb(46, 46, 53);
+    font-weight: bold;
+}
+.date{
+    font-size: 300%;
+    position: absolute;
+    top: 710px;
+    left: 30px;
+    color: rgb(46, 46, 53);
+}
+div.maru {
+    border-radius: 50%; width: 5em; height: 5em;
+    text-align: center; background: rgb(46, 46, 53); 
+    font-size: 75%;
+    position: absolute;
+    top: 750px;
+    left: 500px;
+}
+   div.maru p { 
+    text-align: center; 
+    color: rgb(255, 255, 255);
+    padding-top: 1em;}
+.box{
+    background-color: rgb(34, 28, 119);
+
+}
+.maru2{
+    border-radius: 50%; width: 7em; height: 7em;
+    text-align: center; background: rgb(243, 224, 55); 
+}
+div.maru2 p{
+    text-align: center; 
+    color: rgb(34, 28, 119);
+    padding-top: 2em;
+
+    transform: rotate(-5deg);
+    font-size: 85%;
+}
+.huto{
+    font-weight: bold;
+    font-size: 120%;
+}
+.day1{
+    position: absolute;
+    top: 100em;
+    left: 16em;
+    font-size: 50%;
+    color: white;
+}
+.yellow1{
+    position: absolute;
+    top: 101em;
+    left: 22em;
+    text-align: left;
+    color:rgb(243, 224, 55) ;
+    font-size: 50%;
+    font-weight: bold;
+}
+.white1{
+    position: absolute;
+    top: 107em;
+    left: 22em;
+    text-align: left;
+    font-size: 50%;
+    color: white;
+}
+.day2{
+    position: absolute;
+    top: 100em;
+    left: 41em;
+    font-size: 50%;
+    color: white;
+    
+}
+.yellow2{
+    position: absolute;
+    top: 101em;
+    left: 47em;
+    text-align: left;
+    color:rgb(243, 224, 55) ;
+    font-size: 50%;
+    font-weight: bold;
+}
+.white2{
+    position: absolute;
+    top: 105em;
+    left: 47em;
+    text-align: left;
+    font-size: 50%;
+    color: white;
+}
+.day3{
+    position: absolute;
+    top: 100em;
+    left: 64em;
+    font-size: 50%;
+    color: white;
+}
+.yellow3{
+    position: absolute;
+    top: 101em;
+    left: 70em;
+    text-align: left;
+    color:rgb(243, 224, 55) ;
+    font-size: 50%;
+    font-weight: bold;
+}
+.white3{
+    position: absolute;
+    top: 105em;
+    left: 70em;
+    text-align: left;
+    font-size: 50%;
+    color: white;
+}
+.unl{
+    float: left;
+    font-size: 40%;
+}
+.unr1{
+    float: right;
+    
+}
+.unr2{
+    float: right;
+    font-size: 40%;
+    
+}