<!DOCTYPE html>

<html lang="en">

<head>

<title>Squaremagie Formula</title>

<meta name="keywords" content="magic squares, bimagic squares, trimagic squares, squaremagie, multimagie, download pdf, download xps, download excelsheet bimagic squares, modern quantum mechanics, hydrogen and helium atom, space shuttle discovery" />

<meta name="description" content="the page of squaremagie, downloadpages of bimagic and trimagic squares, paper of modern quantum mechanics, excelsheet of hydrogen and helium atom, space shuttle discovery" />

<meta http-equiv="author" content="mikael hermansson" />

<meta name="viewport" content="width=device-width, initial-scale=1" />

<meta charset="utf-8" />

</head>

   

<style type="text/css">

*{

    margin: 0;

    padding: 0;

    box-sizing: border-box;

}

body{

    font-family: Arial, Helvetica, sans-serif;

    background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url("../images/bg.jpg");

    background-repeat: no-repeat;

    background-size: 100% 100%;

    display: autoflex;

    justify-content: center;

    align-items: center;

    float: center;

    width: 100%;

    min-height: 100vh;

    overflow: hidden;

    margin: 0;

}

/* The Modal (background) */

.modal {

  display: none; /* Hidden by default */

  position: fixed; /* Stay in place */

  z-index: 1; /* Sit on top */

  padding-top: 100px; /* Location of the box */

  left: 0;

  top: 0;

  width: 100%; /* Full width */

  height: 100%; /* Full height */

  overflow: hidden; /* Enable scroll if needed */

  background-color: rgb(0,0,0); /* Fallback color */

  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */

  text-align: left;

}

/* Modal Content */

.modal-content {

  background-color: #fefefe;

  margin: auto;

  padding: 15px;

  border: 1px solid #888;

  width: 562px;

  height: scroll;

}

/* The Close Button */

.close {

  color: red;

  float: right;

  font-size: 28px;

  font-weight: bold;

}

.close:hover,

.close:focus {

  color: #000;

  text-decoration: none;

  cursor: pointer;

}

<!-- /* coding java script with micke */ -->  

 

<!-- /* coding dna script with micke */ -->    

.material {

position: relative;

display: flex;

justify-content: center;

align-items: center;

transform-style: preserve-3d;

transform: rotateZ(90deg);

}

@keyframes rotate {

0% {

transform: rotateY(0deg);

}

100% {

transform: rotateX(360deg);

}

}

.dna {/*line*/

    position: relative;

    width: 1px;

    height: 112px;

    border: 1px dotted white;

    box-shadow: 0 0 15px white;

    background: transparent;

    margin: 0px 10px;

    animation: rotate 3s linear infinite;

}

.dna::before {/*top dot*/

    content: "";

    position: absolute;

    top: -2px;

    left: -5px;

    width: 10px;

    height: 10px;

    background: yellow;

    border-radius: 50%;

    box-shadow: 0 0 15px lightyellow;

}

.dna::after {/*bottom dot*/

content: '';

position: absolute;

bottom: -2px;

left: -5px;

width: 10px;

height: 10px;

background: deepskyblue;

border-radius: 50%;

box-shadow: 0 0 12px deepskyblue;

}

.dna:nth-child(1) {

animation-delay: 0.15s;

}

.dna:nth-child(2) {

animation-delay: 0.3s;

}

.dna:nth-child(3) {

animation-delay: 0.45s;

}

.dna:nth-child(4) {

animation-delay: 0.6s;

}

.dna:nth-child(5) {

animation-delay: 0.75s;

}

.dna:nth-child(6) {

animation-delay: 0.9s;

}

.dna:nth-child(7) {

animation-delay: 1.05s;

}

.dna:nth-child(8) {

animation-delay: 1.2s;

}

.dna:nth-child(9) {

animation-delay: 1.35s;

}

.dna:nth-child(10) {

animation-delay: 1.5s;

}

.dna:nth-child(11) {

animation-delay: 1.65s;

}

.dna:nth-child(12) {

animation-delay: 1.8s;

}

.dna:nth-child(13) {

animation-delay: 1.95s;

}

.dna:nth-child(14) {

animation-delay: 2.1s;

}

.dna:nth-child(15) {

animation-delay: 2.25s;

}

.dna:nth-child(16) {

animation-delay: 2.4s;

}

.dna:nth-child(17) {

animation-delay: 2.55s;

}

.dna:nth-child(18) {

animation-delay: 2.7s;

}

.dna:nth-child(19) {

animation-delay: 2.85s;

}

.dna:nth-child(20) {

animation-delay: 3.0s;

}

.dna:nth-child(21) {

animation-delay: 3.15s;

}

.dna:nth-child(22) {

animation-delay: 3.3s;

}

.dna:nth-child(23) {

animation-delay: 3.45s;

}

.dna:nth-child(24) {

animation-delay: 3.6s;

}

<!-- /* coding dna script with micke */ -->    

   

/* coding menu-bar in header with micke */  

.menu{

    background-color: rgba(0, 0, 0, 0.0);

    width: 100%;

    height: 100px;

    text-align: center;

}    

.leftmenu {

    width: 13%;

    float: left;

    margin-top: 3%;

 }

.rightmenu {

    width: 57%;

    float: right;

    margin-top: 2%;

 }  

.leftmenu h4{

    font-family: 'montserrat', sans-serif;

    padding-left: 70px;

    font-weight: bold;

    color: green;

    font-size: 22px;

}

.menu-bar ul{

    display: inline-flex;

    list-style: none;

}

.menu-bar ul li{

    width: 100px;

    margin: 5px;

    padding: 5px;

    font-size: 16px;

}

.menu-bar ul li a{

    font-family: 'montserrat', sans-serif;

    color: white;

    text-decoration: none;

}

.menu-bar ul li :hover{

    color: red;

    border-radius: 0px;

}

.menu-bar .fa{

    margin-right: 0px;

    margin-top: 0px;

}

.sub-menu-1{

    display: none;

}

.menu-bar ul li:hover .sub-menu-1{

    display: block;

    position: absolute;

    background: rgba(0,0,0,0.25);

    margin-top: 1px;

    margin-left: 0px;

}

.menu-bar ul li:hover .sub-menu-1 ul{

    display: block;

    margin-top: 5px;

}

.menu-bar ul li:hover .sub-menu-1 ul li{

    width: 140px;

    height: 30px;

    padding: 8px;

    border-bottom: 1px dotted #fff;

    background: transparent;

    border-radius: 0;

    text-align: left;

    margin-top: 0px;

}

.menu-bar ul li:hover .sub-menu-1 ul li:last-child{

    border-bottom: none

    margin-right: 0px;

    margin-top: 2px;

}

.menu-bar ul li:hover .sub-menu-1 ul li a:hover{

    color: red;

}

.fa-angle-right{

    float: right;

}

.sub-menu-2{

    display: none;

}

.hover-me:hover .sub-menu-2{

    position: absolute;

    display: block;

    margin-top: -13px;

    margin-left: 132px;

    background-color: rgba(0,0,0,0.25);

}

/* coding menu-bar in header with micke */

 

/* coding layout with micke */

body {

  display: grid;

  grid-template-areas:

    "header header header"

    "nav article ads"

    "footer footer footer";

  grid-template-rows: 5% 1fr 5%;

  grid-template-columns: 25% 1fr 25%;

  grid-gap: 0px; /* --pixel will give space between layout section-- */

  height: 100vh;

  margin: 0;

  }

/* Stack the layout on small devices/viewports. */

@media all and (max-width: 576px) {

  body {

    grid-template-areas:

      "header"

      "article"

      "ads"

      "nav"

      "footer";

    grid-template-rows: 70px 1fr 70px 1fr 70px;  

    grid-template-columns: 1fr;

 }

}

#pageHeader {

  grid-area: header;

}

#pageFooter {

  grid-area: footer;

}

#mainArticle {

  grid-area: article;      

  }

#mainNav {

  grid-area: nav;

  }

#siteAds {

  grid-area: ads;

  }

header, div {

  background: none;

  font-size: 17px;

  font-family: 'montserrat', sans-serif;

  color: white;

  padding: 15px 0px;

  text-align: center;

}

article, div {

  padding: 0px 0px;

  background: none;

  font-size: 14px;

  font-family: 'montserrat', sans-serif;

  color: white;

  text-align: center;

  margin-top: -45px;

}

nav, div {

  padding: 0px 0px;

  background: none;

  font-size: 16px;

  font-family: 'montserrat', sans-serif;

  color: greenyellow;

  text-align: center;

  margin-top: 0px;

}

ads, div {

  padding: 0px 0px;

  background: none;

  font-size: 10px;

  color: gold;

  text-align: center;

  margin-top: 0px;

}

footer div {

  padding: 0px 0px;

  background: none;

  font-size: 16px;

  color: green;

  margin-top: 0px;

}

/* coding layout with micke */

   

/* coding color script with micke */

.animate-charcter

{

  text-transform: uppercase;

  background-image: linear-gradient(

    225deg,

    blueviolet 10%,

    blue 30%,

    deepskyblue 70%,

    yellow 90%

  );

  background-size: auto auto;

  background-clip: border-box;

  background-size: 200% auto;

  color: #fff;

  background-clip: text;

  color: transparent;

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

  animation: textclip 3s linear infinite;

  display: inline-block;

  font-size: 48px;

  text-align: center;

  margin-top: 0%; /* coding the top margin of center column article div */

  margin-bottom: 5px;

}

 

@keyframes textclip {

  to {

    background-position: -200% center;

  }

}

/* coding color script with micke */

   

/* coding gallery and text section with micke */

.firstsection{

    background-color: none;

    height: 0%;

    margin-top: 0%;

}

.firsthalf{

    width: 100%;

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

}

.secondsection{

    background-color: none;

    height: 0%;

    margin-top: 5px;

}

.secondhalf{

    width: 100%;

    display: flex;

    flex-direction: column;

    justify-content: center;

}

.thirdsection{

    background-color: none;

    height: 0%;

    margin-top: 15px;

}

.thirdhalf{

    width: 100%;

    display: flex;

    flex-direction: column;

    justify-content: center;

    font-weight: none;

    text-transform: none;

}

.fourthsection{

    background-color: none;

    height: 0%;

    margin-top: 5px;

}

.fourthhalf{

    width: 100%;

    display: flex;

    flex-direction: column;

    justify-content: center;

    font-weight: none;

    text-transform: none;

}

.fifthsection{

    background-color: none;

    height: 0%;

    margin-top: 0px;

}

.fifthhalf{

    width: 100%;

    display: flex;

    flex-direction: column;

    justify-content: center;

    font-weight: none;

    text-transform: none;

}

.sixthsection{

    background-color: none;

    height: 0%;

    margin-top: 0px;

}

.sixthhalf{

    width: 100%;

    display: flex;

    flex-direction: column;

    justify-content: center;

    font-weight: none;

    text-transform: none;

}

.sevensection{

    background-color: none;

    height: 0%; /* coding the top margin of center column second section article div */

    margin-top: 0%;

    }

.sevenhalf{

    width: 100%;

    display: flex;

    flex-direction: column;

    justify-content: center;

}

.box-main{

    display: flex;

    justify-content: center;

    align-items: center;

    color: black;

    font-size: 16px;

    max-width: auto;

    margin: auto;

    height: 100%;

    margin-top: 0%;

}

/* coding gallery and text section with micke */

   

/* coding magic table with micke */

.btn {

    background-color: rgba(255,255,255, 0.25);

    color: blue;

    font-family: 'montserrat', sans-serif;

    border-style: none;

    font-size: 10px;

    font-weight: none;

    text-transform: none;

    line-height: 13px;

    width: auto;

    margin-top: 15px;

    margin-bottom: 0px;

    border: 3px solid white;

    cursor: pointer;

    padding: 3px 3px;

    border-style: outset;

}

.btn:hover{

    background-color: white;

    color: black;

    padding: 3px 3px;

    border: 3px solid white;

    font-weight: bold;

    text-transform: uppercase;

}

/* coding magic table with micke */

.btn_1 {

    background-color: rgba(255,255,255, 0.25);

    color: white;

    font-family: 'montserrat', sans-serif;

    border-style: none;

    font-size: 10px;

    font-weight: none;

    text-transform: none;

    line-height: 13px;

    width: auto;

    margin: 1px 3px;

    margin-top: 3px;

    margin-bottom: 2px;

    border: 3px solid white;

    cursor: pointer;

    padding: 3px 3px;

    border-style: outset;

}

.btn_1:hover{

    background-color: white;

    color: black;

    padding: 3px 3px;

    border: 3px solid white;

    font-weight: bold;

    text-transform: uppercase;

}

/* coding magic table with micke */

   

/* coding button with micke */

.btn_2 {

    background-color: rgba(255,255,255, 0.25);

    color: blue;

    font-family: 'montserrat', sans-serif;

    font-size: 13px;

    font-weight: none;

    text-transform: none;

    line-height: 20px;

    width: auto;

    margin: 10px 2px;

    border: 3px solid white;

    cursor: pointer;

    padding: 0px 5px;

    border-style: outset;

}

.btn_2:hover{

    background-color: white;

    color: red;

    border-style: inset;

}

.btn_3 {

    background-color: rgba(255,255,255, 0.0);

    color: aqua;

    font-family: 'Source Sans Pro', sans-serif;

    font-size: 16px;

    text-align: center;

    font-weight: none;

    text-transform: none;

    line-height: 25px;

    width: auto;

    list-style-type: none;

    padding: 5px 15px;

    margin: 0px 4px;

    margin-top: 3%;

    border: 2px solid pink;

    display: inline-block;

    border-radius: 3px 18px;

    position: relative;

    cursor: pointer;

    border-style: solid;

}

.btn_3:hover{

    background-color: white;

    color: red;

    border-radius: 3px 5px;

}

 p.button {

    background-color: none;

    color: white;

    padding: 2px 5px;

    text-align: center;

    margin-top: 3%;

    text-decoration: none;

    display: inline-block;

    font-size: 14px;

    border-style: inset;

}

 p.button:hover {

    background-color: purple;

    color: white;

}

p.button_1 {

    background-color: none;

    color: white;

    padding: 1px, 1px;

    text-align: center;

    text-decoration: none;

    margin-top: 12px;

    display: inline-block;

    font-size: 14px;

    position: relative;

    border-style: outset;

}

 p.button_1:hover {

    background-color: white;

}

p.button_2 {

    background-color: none;

    font-family: 'montserrat', sans-serif;

    color: black;

    padding: 0px, 0px;

    text-align: left;

    text-decoration: none;

    margin-top: 1%;

    display: inline-block;

    font-size: 15px;

    width: auto;  /* --scroll layout width=auto - second section-- */

    height: 275px;

    border-style: none;

    overflow-y: scroll;  /* --scroll layout overflow-y - second section-- */

}

 p.button_2:hover {

    background-color: white;

    color: black;

}

/* coding button with micke */

 

/* coding text with micke */

.text{

    width: 100%;

    margin-top: 0%;

    text-transform: uppercase;

    color: white;

}

.text h1{

    font-family: 'montserrat', sans-serif;

    font-weight: 700px;

    font-size: 40px;

    margin: 5px 0px;

    margin-top: 2%;

    margin-bottom: 0%;

    text-align: center;

}

.text h2{

    font-size: 9px;

    font-family: 'open sans', sans-serif;

    font-weight: none;

    text-transform: none;

}    

.text h3{

    font-size: 15px;

    font-family: 'open sans', sans-serif;

    text-align: center;

}

.text h4{

    font-size: 12px;

    font-family: 'Helvetica';

    margin-top: 0%;

}      

.text h5{

    font-size: 12px;

    font-family: 'open sans', sans-serif;

    font-weight: none;

    text-transform: none;

}

.text h6{

    font-size: 18px;

    font-family: 'montserrat', sans-serif;

    font-weight: 500px;

    text-align: left;

}

h1{

    text-align: center;

}

h2{

    text-align: center;

}

h3{

    text-align: center;

    margin-top: 0%      /* coding the top margin of center column article div */

}

p{

    text-align: center;

    margin-top: 1px;

    font-size: 14px;

}  

p_1{

    text-align: center;

    margin-top: 0px;

    font-size: 15px;

}

.text-medium{

    font-family: 'piazzolla', serif;

    color: blue;

    font-size: 17px;

    font-weight: bold;

    text-decoration: none;

    text-transform: none;

}

/* coding text with micke */  

 

/* coding JS images with micke */

img.medium {

    width: 500px;

    height: 500px;

}

img.align-center{

    display: block;

    margin: 0px auto;

}

/* coding JS images with micke */    

   

/* coding table with micke */

 table.one {

                border-spacing: 1px 1px;

                position: center;

            }

            th_1 {

                font-family: 'montserrat', sans-serif;

                border: 1px solid none; /* --color will give border line on table section - here none color-- */

                padding: 7px 5px;

                font-size: 19px;

                text-align: center;

            }

            th_2 {

                font-family: 'montserrat', sans-serif;

                border: 1px solid none; /* --color will give border line on table section - here none color-- */

                padding: 7px 5px;

                font-size: 14px;

                text-align: center;

            }

            td {

                font-family: 'montserrat', sans-serif;

                background-color: none;

                padding: 4px 4px;

                border: 1px solid white;

                font-size: 13px;

                text-align: left;

           }  

 table.two {

                border-collapse: collapse;

                width: auto;

                margin-top: 0%; /* coding the top margin of center column article div */

            }

            th, td_2 {

                font-family: 'montserrat', sans-serif;

                border: 1px solid none; /* --color will give border line on table section - here none color-- */

                padding: 0px;

                height: auto;

                width: auto;

                font-size: 0px;

                text-align: center;

                font-weight: none;

                text-transform: none;

            }

table.three    td {

                font-family: 'montserrat', sans-serif;

                background-color: none;

                padding: 4px 4px;

                border: 1px solid white;

                font-size: 13px;

                text-align: left;

           }  

/* coding table with micke */

   

<!-- /* coding footer with micke */ -->

section_2{

  text-align: center;

  font-size: 24px;

  color: purple;

}

.footer #button {

   width: 34px;

   height: 34px;

   border: none 18px solid;

   border-radius: 34px;

   margin: auto;

   position: relative;

   -webkit-transition: all 1s ease;

   -moz-transition: all 1s ease;

   -o-transition: all 1s ease;

   -ms-transition: all 1s ease;

   transition: all 1s ease;

}

.footer #button:hover {

   width: 34px;

   height: 34px;

   border: none 18px solid;

   -webkit-transition: all 1s ease;

   -moz-transition: all 1s ease;

   -o-transition: all 1s ease;

   -ms-transition: all 1s ease;

   transition: all 1s ease;

   position: relative;

}

.footer {

   bottom: 0;

   left: 0;

   position: fixed;

   width: 100%;

   height: 2em;

   overflow: hidden;

   margin: 0 auto;

   -webkit-transition: all 1s ease;

   -moz-transition: all 1s ease;

   -o-transition: all 1s ease;

   -ms-transition: all 1s ease;

   transition: all 1s ease;

   z-index: 999;

}

.footer:hover {

   -webkit-transition: all 1s ease;

   -moz-transition: all 1s ease;

   -o-transition: all 1s ease;

   -ms-transition: all 1s ease;

   transition: all 1s ease;

   height: 9em;

}

.footer #container{

   margin-top: 0px;

   width: 100%;

   height: 100%;

   position: relative;

   top: 0;

   left: 0;

   background: none;

}

.footer #cont{

   position: relative;

   top: -25px;

   right: 190px;

   width: 150px;

   height: auto;

   margin:0 auto;

}

.footer_center{

   width: 500px;

   float: center;

   text-align: center;

}

.footer h3{

   font-family: 'Helvetica';

   font-size: 20px;

   font-weight: 100;

   margin-top: 9%;

   margin-bottom: 0%;

}

<!-- /* coding footer with micke */ -->

</style>

   

<body>

            <!-- /* ---------New Layout Section1---------- */ -->

            <header id="pageHeader">

            <div class="menu-bar">

            <div class="menu">

               

            <div class="leftmenu">

              <h4><i> Micke </i></h4>

            </div>    

           

            <div class="rightmenu">

            <ul>

              <li id="firstlist"> <a href="../index.html"><i class="fa fa-home">Home</i></a> </li>

              <li> <a style="color:aqua;" href="../Formula/formula.html"><i class="fa fa-formula">Formula</i></a>

                   <div class="sub-menu-1">

                <ul>

                        <li class="hover-me"><a href="#"><i class="fa fa-angle-right">Bimagic Prime</i></a>

 

                            <div class="sub-menu-2">

                                <ul>

                                    <li><a href="BimagicPrime/primemagic_n4.html"><i>Prime Magic n4</i></a></li>

                                    <li><a href="BimagicPrime/primebimagic_n9.html"><i>PrimeBimagic 9</i></a></li>

                                    <li><a href="BimagicPrime/primebimagic_n11.html"><i>PrimeBimagic 11</i></a></li>

                                    <li><a href="BimagicPrime/primebimagic_n16.html"><i>PrimeBimagic 16</i></a></li>

                                    <li><a href="BimagicPrime/primebimagic_n17a.html"><i>PrimeBimagic 17</i></a></li>

                                    <li><a href="BimagicPrime/primebimagic_n17b.html"><i>PrimeBimagic 17</i></a></li>

                                    <li><a href="BimagicPrime/primebimagic_n18.html"><i>PrimeBimagic 18</i></a></li>

                                    <li><a href="BimagicPrime/primebimagic_n25a.html"><i>PrimeBimagic 25</i></a></li>

                                    <li><a href="BimagicPrime/primebimagic_n25b.html"><i>PrimeBimagic 25</i></a></li>

                                </ul>

                            </div>

 

                        </li>

                       

                        <li class="hover-me"><a href="#"><i class="fa fa-angle-right">G. Pfeffermann</i></a>

 

                            <div class="sub-menu-2">

                                <ul>

                                    <li><a href="GPfeffermann/bimagicpuzzle_n8.html"><i>Bimagic puzzle 1</i></a></li>

                                    <li><a href="GPfeffermann/bimagicpuzzle_n9.html"><i>Bimagic puzzle 2</i></a></li>

                                </ul>

                            </div>

 

                        </li>

                        <li class="hover-me"><a href="#"><i class="fa fa-angle-right">Gaston Tarry</i></a>

 

                            <div class="sub-menu-2">

                                <ul>

                                    <li><a href="GTarry/bimagicsquare_n8a.html"><i>Latin Square A1</i></a></li>

                                    <li><a href="GTarry/bimagicsquare_n8b.html"><i>Latin Square A2</i></a></li>

                                    <li><a href="GTarry/bimagicsquare_n8c.html"><i>Latin Square A3</i></a></li>

                                    <li><a href="GTarry/bimagicsquare_n8d.html"><i>Latin Square A4</i></a></li>

                                </ul>

                            </div>

 

                        </li>

                        <li class="hover-me"><a href="#"><i class="fa fa-angle-right">André Gérardin</i></a>

 

                            <div class="sub-menu-2">

                                <ul>

                                    <li><a href="AGerardin/bimagicsquare_n8a.html"><i>Latin Square B1</i></a></li>

                                    <li><a href="AGerardin/bimagicsquare_n8b.html"><i>Latin Square B2</i></a></li>

                                    <li><a href="AGerardin/bimagicsquare_n8c.html"><i>Latin Square B3</i></a></li>

                                    <li><a href="AGerardin/bimagicsquare_n8d.html"><i>Latin Square B4</i></a></li>

                                </ul>

                            </div>

 

                        </li>

                        <li class="hover-me"><a href="#"><i class="fa fa-angle-right">M. Hermansson</i></a>

 

                            <div class="sub-menu-2">

                                <ul>

                                    <li><a href="MHermansson/magicsquare_n4.html"><i>Square Order 4</i></a></li>

                                    <li><a href="MHermansson/magicsquare_n5.html"><i>Square Order 5</i></a></li>

                                    <li><a href="MHermansson/magicsquare_n6.html"><i>Square Order 6</i></a></li>

                                    <li><a href="MHermansson/magicsquare_n7.html"><i>Square Order 7</i></a></li>

                                    <li><a href="MHermansson/bimagicsquare_n9a.html"><i>Latin Square 9A</i></a></li>

                                    <li><a href="MHermansson/bimagicsquare_n9b.html"><i>Latin Square 9B</i></a></li>

                                    <li><a href="MHermansson/bimagicsquare_n9c.html"><i>Latin Square 9C</i></a></li>

                                </ul>

                            </div>

 

                        </li>

                </ul>

            </div>

              </li>

              <li> <a href="../Database/database.html"><i class="fa fa-data">Database</i></a> </li>

              <li> <a href="../Trimagic/trimagic.html"><i class="fa fa-square">Trimagic</i></a> </li>

              <li> <a href="../History/history.html"><i class="fa fa-images">History</i></a> </li>  

              <li> <a href="../Links/links.html"><i class="fa fa-links">Links</i></a> </li>

              <li> <a href="../Contact/contact.html"><i class="fa fa-mail">Contact</i></a> </li>

            </ul>

            </div>

               

            </div></div>    

            </header>

            <!-- /* ---------New Layout Section1---------- */ -->

   

           <!-- /* ---------New Layout Section2---------- */ -->  

           <article id="mainArticle">

           

           <!-- /* coding color script with micke1 */ -->

                <div class="container">

                <div class="row">

                 <div class="col-md-12 text-center">

                 <h1 class="animate-charcter">MULTIMAGIE SPACE</h1>

                 </div>

                </div>

                </div>

            <!-- /* coding color script with micke1 */ -->

               

            <section class="firstsection">

              <div class="box-main">

                <div class="firstHalf">

                 <div class="text">

                   <table class="two">

                     <tr>

                        <td_2>

                           <h3 style="color:deepskyblue;"> Design * Development * Hightech </h3>  

                        </td_2>

                    </tr>

                    <tr>

                        <td_2>

                           <h1> FORMULA SQUAREMAGIE </h1>

                        </td_2>

                   </tr>

                   <tr>

                       <td_2>

                          <h3><p class="button"> DOWNLOAD NEW LATIN-EULER SERIE OF BIMAGIC SQUARE OF ORDER 9 - FORMULA KEY </p></h3>  

                       </td_2>

                  </tr>

                 </table>    

                </div>

              </div></div>

            </section>  

               

            <section class="secondsection">

              <div class="box-main">

                <div class="secondHalf">

                  <div class="text">

                  <table class="two">

                   <tr>

                     <td_2>

                        <abbr title="Download Bimagic Square of Order 9A, pdf-file."><a href="../Squarespace_3/BimagicSquare_Order9_1.pdf" target="_blank" download><button class="btn_3">Order 9 A pdf</button></a></abbr>

                        <abbr title="Download Bimagic Square of Order 9A, xps-file."><a href="../Squarespace_3/BimagicSquare_Order9_1.xps" target="_blank" download><button class="btn_3">Order 9 A xps</button></a></abbr>

                        <abbr title="Download Bimagic Square of Order 9B, pdf-file."><a href="../Squarespace_3/BimagicSquare_Order9_2.pdf" target="_blank" download><button class="btn_3">Order 9 B pdf</button></a></abbr>

                        <abbr title="Download Bimagic Square of Order 9B, xps-file."><a href="../Squarespace_3/BimagicSquare_Order9_2.xps" target="_blank" download><button class="btn_3">Order B xps</button></a></abbr>

                        <abbr title="Download Bimagic Square of Order 9, Formula Key, xlsx-file."><a href="../Squarespace_3/BimagicSquare_Order8-9.xlsx" target="_blank" download><button class="btn_3">Excel 9 A xlsx</button></a></abbr>

                    </td_2>

                 </tr>

                </table>

               </div>

              </div></div>

            </section>

                   

            <section class="thirdsection">

              <div class="box-main">

                <div class="thirdHalf">

                 <div class="text">

                 <table class="two">

                 <tr><th><td_2>

                 <button class="btn_1">

                 <table class="one">

                  <tr>

                    <td>02</td>

                    <td>53</td>

                    <td>68</td>

                    <td>75</td>

                    <td>18</td>

                    <td>33</td>

                    <td>37</td>

                    <td>61</td>

                    <td>22</td>

                  </tr>

                  <tr>

                    <td>73</td>

                    <td>16</td>

                    <td>31</td>

                    <td>38</td>

                    <td>62</td>

                    <td>23</td>

                    <td>03</td>

                    <td>54</td>

                    <td>69</td>

                  </tr>

                  <tr>

                    <td>39</td>

                    <td>63</td>

                    <td>24</td>

                    <td>01</td>

                    <td>52</td>

                    <td>67</td>

                    <td>74</td>

                    <td>17</td>

                    <td>32</td>

                  </tr>

                  <tr>

                    <td>71</td>

                    <td>05</td>

                    <td>47</td>

                    <td>36</td>

                    <td>78</td>

                    <td>12</td>

                    <td>25</td>

                    <td>40</td>

                    <td>55</td>

                  </tr>

                  <tr>

                    <td>34</td>

                    <td>76</td>

                    <td>10</td>

                    <td>26</td>

                    <td>41</td>

                    <td>56</td>

                    <td>72</td>

                    <td>06</td>

                    <td>48</td>

                  </tr>

                  <tr>

                    <td>27</td>

                    <td>42</td>

                    <td>57</td>

                    <td>70</td>

                    <td>04</td>

                    <td>46</td>

                    <td>35</td>

                    <td>77</td>

                    <td>11</td>

                  </tr>

                  <tr>

                    <td>50</td>

                    <td>65</td>

                    <td>08</td>

                    <td>15</td>

                    <td>30</td>

                    <td>81</td>

                    <td>58</td>

                    <td>19</td>

                    <td>43</td>

                  </tr>

                  <tr>

                    <td>13</td>

                    <td>28</td>

                    <td>79</td>

                    <td>59</td>

                    <td>20</td>

                    <td>44</td>

                    <td>51</td>

                    <td>66</td>

                    <td>09</td>

                  </tr>

                  <tr>

                    <td>60</td>

                    <td>21</td>

                    <td>45</td>

                    <td>49</td>

                    <td>64</td>

                    <td>07</td>

                    <td>14</td>

                    <td>29</td>

                    <td>80</td>

                  </tr>

                </table></button>

                </td_2></th>

                <th><td_2>

                <button class="btn_1">

                <table class="one">

                  <tr>

                    <td>04</td>

                    <td>51</td>

                    <td>68</td>

                    <td>73</td>

                    <td>12</td>

                    <td>29</td>

                    <td>41</td>

                    <td>63</td>

                    <td>26</td>

                  </tr>

                  <tr>

                    <td>79</td>

                    <td>18</td>

                    <td>35</td>

                    <td>40</td>

                    <td>60</td>

                    <td>23</td>

                    <td>01</td>

                    <td>48</td>

                    <td>65</td>

                  </tr>

                  <tr>

                    <td>37</td>

                    <td>57</td>

                    <td>20</td>

                    <td>07</td>

                    <td>54</td>

                    <td>71</td>

                    <td>76</td>

                    <td>15</td>

                    <td>32</td>

                  </tr>

                  <tr>

                    <td>69</td>

                    <td>05</td>

                    <td>49</td>

                    <td>30</td>

                    <td>74</td>

                    <td>10</td>

                    <td>27</td>

                    <td>44</td>

                    <td>61</td>

                  </tr>

                  <tr>

                    <td>36</td>

                    <td>80</td>

                    <td>16</td>

                    <td>24</td>

                    <td>41</td>

                    <td>58</td>

                    <td>66</td>

                    <td>02</td>

                    <td>46</td>

                  </tr>

                  <tr>

                    <td>21</td>

                    <td>38</td>

                    <td>55</td>

                    <td>72</td>

                    <td>08</td>

                    <td>52</td>

                    <td>33</td>

                    <td>77</td>

                    <td>13</td>

                  </tr>

                  <tr>

                    <td>50</td>

                    <td>67</td>

                    <td>06</td>

                    <td>11</td>

                    <td>28</td>

                    <td>75</td>

                    <td>62</td>

                    <td>25</td>

                    <td>45</td>

                  </tr>

                  <tr>

                    <td>17</td>

                    <td>34</td>

                    <td>81</td>

                    <td>59</td>

                    <td>22</td>

                    <td>42</td>

                    <td>47</td>

                    <td>64</td>

                    <td>03</td>

                  </tr>

                  <tr>

                    <td>56</td>

                    <td>19</td>

                    <td>39</td>

                    <td>53</td>

                    <td>70</td>

                    <td>09</td>

                    <td>14</td>

                    <td>31</td>

                    <td>78</td>

                  </tr>

                </table></button>

                </td_2></th>

                <th><td_2>

                <button class="btn_1">

                <table class="one">

                  <tr>

                    <td>02</td>

                    <td>53</td>

                    <td>68</td>

                    <td>73</td>

                    <td>16</td>

                    <td>31</td>

                    <td>39</td>

                    <td>63</td>

                    <td>24</td>

                  </tr>

                  <tr>

                    <td>75</td>

                    <td>18</td>

                    <td>33</td>

                    <td>38</td>

                    <td>62</td>

                    <td>23</td>

                    <td>01</td>

                    <td>52</td>

                    <td>67</td>

                  </tr>

                  <tr>

                    <td>37</td>

                    <td>61</td>

                    <td>22</td>

                    <td>03</td>

                    <td>54</td>

                    <td>69</td>

                    <td>74</td>

                    <td>17</td>

                    <td>32</td>

                  </tr>

                  <tr>

                    <td>71</td>

                    <td>05</td>

                    <td>47</td>

                    <td>34</td>

                    <td>76</td>

                    <td>10</td>

                    <td>27</td>

                    <td>42</td>

                    <td>57</td>

                  </tr>

                  <tr>

                    <td>36</td>

                    <td>78</td>

                    <td>12</td>

                    <td>26</td>

                    <td>41</td>

                    <td>56</td>

                    <td>70</td>

                    <td>04</td>

                    <td>46</td>

                  </tr>

                  <tr>

                    <td>25</td>

                    <td>40</td>

                    <td>55</td>

                    <td>72</td>

                    <td>06</td>

                    <td>48</td>

                    <td>35</td>

                    <td>77</td>

                    <td>11</td>

                  </tr>

                  <tr>

                    <td>50</td>

                    <td>65</td>

                    <td>08</td>

                    <td>13</td>

                    <td>28</td>

                    <td>79</td>

                    <td>60</td>

                    <td>21</td>

                    <td>45</td>

                  </tr>

                  <tr>

                    <td>15</td>

                    <td>30</td>

                    <td>81</td>

                    <td>59</td>

                    <td>20</td>

                    <td>44</td>

                    <td>49</td>

                    <td>64</td>

                    <td>07</td>

                  </tr>

                  <tr>

                    <td>58</td>

                    <td>19</td>

                    <td>43</td>

                    <td>51</td>

                    <td>66</td>

                    <td>09</td>

                    <td>14</td>

                    <td>29</td>

                    <td>80</td>

                  </tr>

                </table></button>

                </td_2></th>

                </table>    

               </div>

              </div></div>

            </section>  

                   

            <h5> 3x Proof of Bimagic Latin-Euler Square of Order 9, with trimagic main diagonal. By @ Mikael Hermansson 2021. </h5>

           

          <section class="fourthsection">

            <div class="box-main">

              <div class="fourthHalf">

                <table class="two">

                 <tr>

                  <td_2>

                  <abbr title="Download Modern Bimagic Square of Order 16 on Excelsheet 1"><a href="../Squarespace_3/BimagicSquare_Order16_1.xlsx" download><button class="btn_2">Modern Bimagic Square 1</button></a></abbr>

                  <abbr title="Download Modern Bimagic Square of Order 16 on Excelsheet 2"><a href="../Squarespace_3/BimagicSquare_Order16_2.xlsx" download><button class="btn_2">Modern Bimagic Square 2</button></a></abbr>

                  <abbr title="Download Modern Bimagic Square of Order 16 on Excelsheet 3"><a href="../Squarespace_3/BimagicSquare_Order16_3.xlsx" download><button class="btn_2">Modern Bimagic Square 3</button></a></abbr>

                  </td_2>

                 </tr>  

               </table>

             </div>      

           </div>

         </section>  

   

      </article>

<!-- /* ---------New Layout Section2---------- */ -->

 

<!-- /* ---------New Layout Section3---------- */ -->

<nav id="mainNav">

   

    <section class="sevensection">

        <div class="box-main">

            <div class="sevenHalf">

               

            <!-- /* coding table2 with micke */ -->

            <table class="one">

            <tr>

                <th_1 style="color:greenyellow;">Mikael Hermansson 2025</th_1>

            </tr>

            </table>

               

             <!-- /* coding java script with micke */ -->

               <!-- Trigger/Open The Modal -->

               <abbr title="click on picture"><a button id="myBtn">

               <img src="../images/moon1.jpg" width="257" height="257" alt="Apollo 11"></a></abbr>

               <p style="color:white;">Space Shuttle Discovery. Credit: NASA</p>  

           

                 <!-- The Modal -->

                 <div id="myModal" class="modal">

                           

                 <!-- Modal content -->

                 <div class="modal-content">

                 <span class="close">&times;</span>

                 <p_1 style="color:black;"><b>Space Shuttle Discovery start at Cape Canaveral, Florida 1994.</b></p_1>

                 <p class="button_1"><img src="../images/moon1.jpg" alt="Space Shuttle Discovery" class="align-center medium" /></p>  

              <!-- /* coding java script with micke */ -->

   

                    <div class="scroll"><p class="button_2">

                    <B>The Space Shuttle</B><br />

The world's first reusable spacecraft launched like a rocket, maneuvered in Earth orbit like a spacecraft and landed like an airplane. It was comprised of the orbiter, the main engines, the external tank, and the solid rocket boosters.<br /><br />

The Space Shuttle was the world’s first reusable spacecraft, and the first spacecraft in history that can carry large satellites both to and from orbit. The Shuttle launches like a rocket, maneuvers in Earth orbit like a spacecraft and lands like an airplane. Each of the three Space Shuttle orbiters now in operation—Discovery, Atlantis and Endeavour—is designed to fly at least 100 missions. So far, altogether they have flown a combined total of less than one-fourth of that.<br /><br />

Columbia was the first Space Shuttle orbiter to be delivered to NASA’s Kennedy Space Center, Fla., in March 1979. Columbia and the STS-107 crew were lost Feb. 1, 2003, during re-entry. The Orbiter Challenger was delivered to KSC in July 1982 and was destroyed in an explosion during ascent in January 1986. Discovery was delivered in November 1983. Atlantis was delivered in April 1985. Endeavour was built as a replacement following the Challenger accident and was delivered to Florida in May 1991. An early Space Shuttle Orbiter, the Enterprise, never flew in space but was used for approach and landing tests at the Dryden Flight Research Center and several launch pad studies in the late 1970s.<br /><br />

The Space Shuttle consists of three major components: the Orbiter which houses the crew; a large External Tank that holds fuel for the main engines; and two Solid Rocket Boosters which provide most of the Shuttle’s lift during the first two minutes of flight. All of the components are reused except for the external fuel tank, which burns up in the atmosphere after each launch.

The longest the Shuttle has stayed in orbit on any single mission is 17.5 days on mission STS-80 in November 1996. Normally, missions may be planned for anywhere from five to 16 days in duration. The smallest crew ever to fly on the Shuttle numbered two people on the first few missions. The largest crew numbered eight people. Normally, crews may range in size from five to seven people. The Shuttle is designed to reach orbits ranging from about 185 kilometers to 643 kilometers (115 statute miles to 400 statute miles) high.<br /><br />

The Shuttle has the most reliable launch record of any rocket now in operation. Since 1981, it has boosted more than 1.36 million kilograms (3 million pounds) of cargo into orbit. More than than 600 crew members have flown on its missions. Although it has been in operation for almost 20 years, the Shuttle has continually evolved and is significantly different today than when it first was launched. NASA has made literally thousands of major and minor modifications to the original design that have made it safer, more reliable and more capable today than ever before.<br /><br />

Since 1992 alone, NASA has made engine and system improvements that are estimated to have tripled the safety of flying the Space Shuttle, and the number of problems experienced while a Space Shuttle is in flight has decreased by 70 percent. During the same period, the cost of operating the Shuttle has decreased by one and a quarter billion dollars annually—a reduction of more than 40 percent. At the same time, because of weight reductions and other improvements, the cargo the Shuttle can carry has increased by 7.3 metric tons (8 tons.)<br /><br />

<B>Main Engines</B><br />

The three Space Shuttle Main Engines, in conjunction with the Solid Rocket Boosters, provide the thrust to lift the Orbiter off the ground for the initial ascent. The main engines continue to operate for 8.5 minutes after launch, the duration of the Shuttle’s powered flight.<br /><br />

After the solid rockets are jettisoned, the main engines provide thrust which accelerates the Shuttle from 4,828 kilometers per hour (3,000 mph) to over 27,358 kilometers per hour (17,000 mph) in just six minutes to reach orbit. They create a combined maximum thrust of more than 1.2 million pounds.<br /><br />

As the Shuttle accelerates, the main engines burn a half-million gallons of liquid propellant provided by the large, orange external fuel tank. The main engines burn liquid hydrogen—the second coldest liquid on Earth at minus 423 degrees Fahrenheit (minus 252.8 degrees Celsius)—and liquid oxygen.<br /><br />

The engines’ exhaust is primarily water vapor as the hydrogen and oxygen combine. As they push the Shuttle toward orbit, the engines consume liquid fuel at a rate that would drain an average family swimming pool in under 25 seconds generating over 37 million horsepower. Their turbines spin almost 13 times as fast as an automobile engine spins when it is running at highway speed.<br /><br />

The main engines develop thrust by using high-energy propellants in a staged combustion cycle. The propellants are partially combusted in dual preburners to produce high-pressure hot gas to drive the turbopumps.

Combustion is completed in the main combustion chamber. Temperatures in the main engine combustion chamber can reach as high as 6,000 degrees Fahrenheit (3,315.6 degrees Celsius).<br /><br />

Each Space Shuttle Main Engine operates at a liquid oxygen/liquid hydrogen mixture ratio of 6 to 1 to produce a sea level thrust of 179,097 kilograms (375,000 pounds) and a vacuum thrust of 213,188 (470,000 pounds).

The engines can be throttled over a thrust range of 65 percent to 109 percent, which provides for a high thrust level during liftoff and the initial ascent phase but allows thrust to be reduced to limit acceleration to 3 g’s during the final ascent phase. The engines are gimbaled to provide pitch, yaw and roll control during the ascent.<br /><br />

<B>Solid Rocket Boosters</B><br />

The Solid Rocket Boosters (SRBs) operate in parallel with the main engines for the first two minutes of flight to provide the additional thrust needed for the Orbiter to escape the gravitational pull of the Earth. At an altitude of approximately 45 km (24 nautical miles), the boosters separate from the orbiter/external tank, descend on parachutes, and land in the Atlantic Ocean. They are recovered by ships, returned to land, and refurbished for reuse. The boosters also assist in guiding the entire vehicle during initial ascent. Thrust of both boosters is equal to 5,300,000 lbs.<br /><br />

<B>Propellant Properties</B><br />

16% Atomized aluminum powder (fuel)<br />

69.8% Ammonium perchlorate (oxidizer)<br />

.2% Iron oxide powder (catalyst)<br />

12% Polybutadiene acrylic acid acrylamide (binder)<br />

2% Epoxy curing agent<br /><br />

In addition to the solid rocket motor, the booster contains the structural, thrust vector control, separation, recovery, and electrical and instrumentation subsystems.

The solid rocket motor is the largest solid propellant motor ever developed for space flight and the first built to be used on a manned craft. The huge motor is composed of a segmented motor case loaded with solid propellants, an ignition system, a movable nozzle and the necessary instrumentation and integration hardware.<br /><br />

Each solid rocket motor contains more than 450,000 kg (1,000,000 lb.) of propellant, which requires an extensive mixing and casting operation at a plant in Utah. The propellant is mixed in 600-gallon bowls located in three different mixer buildings. The propellant is then taken to special casting buildings and poured into the casting segments.<br /><br />

Cured propellant looks and feels like a hard rubber typewriter eraser. The combined polymer and its curing agent is a synthetic rubber. Flexibility of the propellant is controlled by the ratio of binder to curing agent and the solid ingredients, namely oxidizer and aluminum. The solid fuel is actually powdered aluminum — a form similar to the foil wraps in your kitchen — mixed with oxygen provided by a chemical called ammonium perchlorate.<br /><br />

<B>External Tank</B><br />

The External Tank, or ET, is the “gas tank” for the Orbiter; it contains the propellants used by the Space Shuttle Main Engines.<br /><br />

The tank is also the “backbone” of the Shuttle during the launch, providing structural support for attachment with the solid rocket boosters and orbiter.<br /><br />

The tank is the only component of the Space Shuttle that is not reused. Approximately 8.5 minutes into the flight, with its propellant used, the tank is jettisoned.<br /><br />

At liftoff, the External Tank absorbs the total (7.8 million pounds) thrust loads of the three main engines and the two solid rocket motors.<br /><br />

When the Solid Rocket Boosters separate at an altitude of approximately 45 kilometers (28 miles), the orbiter, with the main engines still burning, carries the external tank piggyback to near orbital velocity, approximately 113 kilometers (70 miles) above the Earth. The now nearly empty tank separates and falls in a preplanned trajectory with the majority of it disintegrating in the atmosphere and the rest falling into the ocean.<br /><br />

The three main components of the External Tank are an oxygen tank, located in the forward position, an aft-positioned hydrogen tank, and a collar-like intertank, which connects the two propellant tanks, houses instrumentation and processing equipment, and provides the attachment structure for the forward end of the solid rocket boosters.<br /><br />

The hydrogen tank is 2.5 times larger than the oxygen tank but weighs only one-third as much when filled to capacity. The reason for the difference in weight is that liquid oxygen is 16 times heavier than liquid hydrogen.

The skin of the External Tank is covered with a thermal protection system that is a 2.5-centimeter (1-inch) thick coating of spray-on polyisocyanurate foam. The purpose of the thermal protection system is to maintain the propellants at an acceptable temperature, to protect the skin surface from aerodynamic heat and to minimize ice formation.<br /><br />

The External Tank includes a propellant feed system to duct the propellants to the Orbiter engines, a pressurization and vent system to regulate the tank pressure, an environmental conditioning system to regulate the temperature and render the atmosphere in the intertank area inert, and an electrical system to distribute power and instrumentation signals and provide lightning protection.<br /><br />

The tank’s propellants are fed to the Orbiter through a 43-centimeter (17-inch) diameter connection that branches inside the orbiter to feed each main engine.<br /><br />

<B>Orbiter Discovery</B><br />

Discovery (OV-103) was NASA’s third space shuttle orbiter to join the fleet, arriving for the first time at the Kennedy Space Center in Florida in November 1983.<br /><br />

After checkout and processing, it was launched on Aug. 30, 1984, for its first mission, 41-D, to deploy three communications satellites.<br /><br />

Since that inaugural flight, Discovery has completed more than 30 successful missions, surpassing the number of flights made by any other orbiter in NASA’s fleet. Just like all of the orbiters, it has undergone some major modifications over the years. The most recent began in 2002 and was the first carried out at Kennedy. It provided 99 upgrades and 88 special tests, including new changes to make it safer for flight.<br /><br />

Discovery has the distinction of being chosen as the Return to Flight orbiter twice. The first was for STS-26 in 1988, and the second when it carried the STS-114 crew on NASA’s Return to Flight mission to the International Space Station in July 2005.<br /><br />

The choice of the name “Discovery” carried on a tradition drawn from some historic, Earth-bound exploring ships of the past. One of these sailing forerunners was the vessel used in the early 1600s by Henry Hudson to explore Hudson Bay and search for a northwest passage from the Atlantic to the Pacific.<br /><br />

Another such ship was used by British explorer James Cook in the 1770s during his voyages in the South Pacific, leading to the discovery of the Hawaiian Islands. In addition, two British Royal Geographical Society ships have carried the name “Discovery” as they sailed on expeditions to the North Pole and the Antarctic.<br /><br />

Destined for exploring the heavens instead of the seas, it was only fitting that NASA’s Discovery carried the Hubble Space Telescope into space during mission STS-31 in April 1990, and provided both the second and third Hubble servicing missions (STS-82 in February 1997 and STS-103 in December 1999).<br /><br />

During its many successful trips to space, Discovery has carried satellites aloft, ferried modules and crew to the International Space Station, and provided the setting for countless scientific experiments.<br /><br />

https://www.nasa.gov/reference/the-space-shuttle/

</p>

                    </div>

                     

                    </div>

                 </div>  

                       

                <button class="btn">

                 <table class="three">

                  <tr>

                    <td>02</td>

                    <td>31</td>

                    <td>63</td>

                    <td>25</td>

                    <td>48</td>

                    <td>77</td>

                    <td>15</td>

                    <td>44</td>

                    <td>64</td>

                  </tr>

                  <tr>

                    <td>68</td>

                    <td>16</td>

                    <td>39</td>

                    <td>55</td>

                    <td>06</td>

                    <td>35</td>

                    <td>81</td>

                    <td>20</td>

                    <td>49</td>

                  </tr>

                  <tr>

                    <td>53</td>

                    <td>73</td>

                    <td>24</td>

                    <td>40</td>

                    <td>72</td>

                    <td>11</td>

                    <td>30</td>

                    <td>59</td>

                    <td>07</td>

                  </tr>

                  <tr>

                    <td>37</td>

                    <td>69</td>

                    <td>17</td>

                    <td>36</td>

                    <td>56</td>

                    <td>04</td>

                    <td>50</td>

                    <td>79</td>

                    <td>21</td>

                  </tr>

                  <tr>

                    <td>22</td>

                    <td>54</td>

                    <td>74</td>

                    <td>12</td>

                    <td>41</td>

                    <td>70</td>

                    <td>08</td>

                    <td>28</td>

                    <td>60</td>

                  </tr>

                  <tr>

                    <td>61</td>

                    <td>03</td>

                    <td>32</td>

                    <td>78</td>

                    <td>26</td>

                    <td>46</td>

                    <td>65</td>

                    <td>13</td>

                    <td>45</td>

                  </tr>

                  <tr>

                    <td>75</td>

                    <td>23</td>

                    <td>52</td>

                    <td>71</td>

                    <td>10</td>

                    <td>42</td>

                    <td>58</td>

                    <td>09</td>

                    <td>29</td>

                  </tr>

                  <tr>

                    <td>33</td>

                    <td>62</td>

                    <td>01</td>

                    <td>47</td>

                    <td>76</td>

                    <td>27</td>

                    <td>43</td>

                    <td>66</td>

                    <td>14</td>

                  </tr>

                  <tr>

                    <td>18</td>

                    <td>38</td>

                    <td>67</td>

                    <td>05</td>

                    <td>34</td>

                    <td>57</td>

                    <td>19</td>

                    <td>51</td>

                    <td>80</td>

                  </tr>

                </table></button>

                <p style="color:white;">Super Bimagic Square of Order 9.</p>

                       

             </div>      

            </div>

           </section>                            

     <!-- /* coding table2 with micke */ -->

           

</nav>

<!-- /* ---------New Layout Section3---------- */ -->

   

<!-- /* ---------New Layout Section4---------- */ -->    

<div id="siteAds">

    <table class="one">

            <tr>

                <th_2>dna Animation</th_2>

            </tr>

    </table>

    <section class="sixthsection">

    <div class="box-main">

      <div class="sixthHalf">

          <table class="two">    

            <tr><th><td_2>

              <div class="material">

               <div class="dna"></div>

               <div class="dna"></div>

               <div class="dna"></div>

               <div class="dna"></div>

               <div class="dna"></div>

               <div class="dna"></div>

               <div class="dna"></div>

               <div class="dna"></div>

               <div class="dna"></div>

               <div class="dna"></div>

               <div class="dna"></div>

               <div class="dna"></div>

               <div class="dna"></div>

               <div class="dna"></div>

               <div class="dna"></div>

               <div class="dna"></div>

               <div class="dna"></div>

               <div class="dna"></div>

               <div class="dna"></div>

               <div class="dna"></div>

               <div class="dna"></div>

               <div class="dna"></div>

               <div class="dna"></div>

               <div class="dna"></div>

             </div>

            </td_2></th></tr>  

           </table>

          </div>

        </div>      

     </section>  

</div>    

<!-- /* ---------New Layout Section4---------- */ -->      

 

<script>

// Get the modal

var modal = document.getElementById("myModal");

 

// Get the button that opens the modal

var btn = document.getElementById("myBtn");

 

// Get the <span> element that closes the modal

var span = document.getElementsByClassName("close")[0];

 

// When the user clicks the button, open the modal

btn.onclick = function() {

  modal.style.display = "block";

}

 

// When the user clicks on <span> (x), close the modal

span.onclick = function() {

  modal.style.display = "none";

}

 

// When the user clicks anywhere outside of the modal, close it

window.onclick = function(event) {

  if (event.target == modal) {

    modal.style.display = "none";

  }

}

</script>

   

    <!-- /* ---------New Layout Section5---------- */ -->

    <footer id="pageFooter">

      <section class="fifthsection">

        <div class="box-main">

          <div class="fifthHalf">

            <table class="three">    

             <tr><th><td_2>    

              <div class="footer">

               <div style="font-size:34px;" id="button">&copy;</div>

                <div id="container">

                 <div id="cont">

                  <div class="footer_center">

                 <h3><a title="www.squaremagie.se">

                    <div style="color:blue;" class="copy">2025 Copyright &copy;-All rights are reserved <a href="../Download/driveorder1.html"><button class="btn_2">Specialpage 1</button></a></div>  

                   </a></h3>

                   <section_2>

                    Magic Square, Squaremagie & Multimagie

                   </section_2>  

                  </div>

                 </div>

               </div>

              </div>  

            </td_2></th></tr>  

           </table>

          </div>

        </div>      

      </section>        

    </footer>

    <!-- /* ---------New Layout Section5---------- */ -->

   

  </body>

</html>