<!DOCTYPE html>
<html lang="en">
<head>
<title>Squaremagie Database</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" />
<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, Sally Ride" />
<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: deeppink;
border-radius: 50%;
box-shadow: 0 0 15px deeppink;
}
.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: 0px;
}
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 href="../Formula/formula.html"><i class="fa fa-formula">Formula</i></a> </li>
<li> <a style="color:aqua;"
href="../Database/database.html"><i class="fa fa-data">Database</i></a>
<div class="sub-menu-1">
<ul>
<li class="hover-me"><a href="#"><i class="fa fa-angle-right">Fredrik Jansson</i></a>
<div class="sub-menu-2">
<ul>
<li><a href="FJansson/bimagicsquare_n10.html"><i>Bimagic Sq. n10</i></a></li>
<li><a href="FJansson/bimagicsquare_n11.html"><i>Bimagic Sq. n11</i></a></li>
</ul>
</div>
</li>
<li class="hover-me"><a href="#"><i class="fa fa-angle-right">Jacques Guéron</i></a>
<div class="sub-menu-2">
<ul>
<li><a href="JGueron/bimagicsquare_n13.html"><i>Bimagic Sq. n13</i></a></li>
<li><a href="JGueron/bimagicsquare_n14.html"><i>Bimagic Sq. n14</i></a></li>
<li><a href="JGueron/bimagicsquare_n17.html"><i>Bimagic Sq. n17</i></a></li>
<li><a href="JGueron/bimagicsquare_n18.html"><i>Bimagic Sq. n18</i></a></li>
<li><a href="JGueron/bimagicsquare_n19.html"><i>Bimagic Sq. n19</i></a></li>
<li><a href="JGueron/bimagicsquare_n21.html"><i>Bimagic Sq. n21</i></a></li>
<li><a href="JGueron/bimagicsquare_n22.html"><i>Bimagic Sq. n22</i></a></li>
<li><a href="JGueron/bimagicsquare_n23.html"><i>Bimagic Sq. n23</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/bimagicsquare_n16a1.html"><i>Bimagic n16 A1</i></a></li>
<li><a href="MHermansson/bimagicsquare_n16a2.html"><i>Bimagic n16 A2</i></a></li>
<li><a href="MHermansson/bimagicsquare_n16a3.html"><i>Bimagic n16 A3</i></a></li>
<li><a href="MHermansson/bimagicsquare_n16b1.html"><i>Bimagic n16 B1</i></a></li>
<li><a href="MHermansson/bimagicsquare_n16b2.html"><i>Bimagic n16 B2</i></a></li>
<li><a href="MHermansson/bimagicsquare_n16b3.html"><i>Bimagic n16 B3</i></a></li>
<li><a href="MHermansson/bimagicsquare_n16c1.html"><i>Bimagic n16 C1</i></a></li>
<li><a href="MHermansson/bimagicsquare_n16c2.html"><i>Bimagic n16 C2</i></a></li>
<li><a href="MHermansson/bimagicsquare_n16d1.html"><i>Bimagic n16 D1</i></a></li>
<li><a href="MHermansson/bimagicsquare_n16d2.html"><i>Bimagic n16 D2</i></a></li>
<li><a href="MHermansson/bimagicsquare_n25a.html"><i>Bimagic n25 A</i></a></li>
<li><a href="MHermansson/bimagicsquare_n25b.html"><i>Bimagic n25 B</i></a></li>
<li><a href="MHermansson/bimagicsquare_n25c.html"><i>Bimagic n25 C</i></a></li>
<li><a href="MHermansson/bimagicsquare_n26.html"><i>Bimagic Sq. n26</i></a></li>
</ul>
</div>
</li>
<li class="hover-me"><a href="#"><i class="fa fa-angle-right">Square of China</i></a>
<div class="sub-menu-2">
<ul>
<li><a href="SquareChina/bimagicsquare_n17.html"><i>Bimagic Sq. n17</i></a></li>
<li><a href="SquareChina/bimagicsquare_n19.html"><i>Bimagic Sq. n19</i></a></li>
<li><a href="SquareChina/bimagicsquare_n21.html"><i>Bimagic Sq. n21</i></a></li>
<li><a href="SquareChina/bimagicsquare_n23.html"><i>Bimagic Sq. n23</i></a></li>
<li><a href="SquareChina/bimagicsquare_n26.html"><i>Bimagic Sq. n26</i></a></li>
<li><a href="SquareChina/bimagicsquare_n28.html"><i>Bimagic Sq. n28</i></a></li>
<li><a href="SquareChina/bimagicsquare_n29.html"><i>Bimagic Sq. n29</i></a></li>
<li><a href="SquareChina/bimagicsquare_n31.html"><i>Bimagic Sq. n31</i></a></li>
</ul>
</div>
</li>
</ul>
</div>
</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> DATABASE
SQUAREMAGIE </h1>
</td_2>
</tr>
<tr>
<td_2>
<h3><p
class="button"> DOWNLOAD NEW LATIN-EULER SUPER BIMAGIC SQUARES OF
ORDER 16 ON BUTTON </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 Trimagic
Square of Order 16, pdf-file."><a href="../Squarespace_3/TrimagicSquare_Order16.pdf"
target="_blank" download><button class="btn_3">Square 16 A pdf</button></a></abbr>
<abbr title="Download Trimagic
Square of Order 16, xps-file."><a href="../Squarespace_3/TrimagicSquare_Order16.xps"
target="_blank" download><button class="btn_3">Square 16 A xps</button></a></abbr>
<abbr title="Download Bimagic
Square of Order 10-16, xlsx-file."><a href="../Squarespace_3/BimagicSquare2023_Order10-16.xlsx"
target="_blank" download><button class="btn_3">Excelsheet
16 A</button></a></abbr>
<abbr title="Download Trimagic
Square of Order 16, xlsx-file."><a href="../Squarespace_3/TrimagicSquare_Order16.xlsx"
target="_blank" download><button class="btn_3">Excelsheet
16 B</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>097</td>
<td>101</td>
<td>088</td>
<td>056</td>
<td>020</td>
<td>004</td>
<td>074</td>
<td>027</td>
<td>070</td>
<td>026</td>
<td>108</td>
</tr>
<tr>
<td>019</td>
<td>009</td>
<td>065</td>
<td>072</td>
<td>030</td>
<td>076</td>
<td>121</td>
<td>106</td>
<td>093</td>
<td>033</td>
<td>047</td>
</tr>
<tr>
<td>087</td>
<td>086</td>
<td>051</td>
<td>112</td>
<td>109</td>
<td>041</td>
<td>054</td>
<td>012</td>
<td>003</td>
<td>079</td>
<td>037</td>
</tr>
<tr>
<td>104</td>
<td>006</td>
<td>023</td>
<td>022</td>
<td>115</td>
<td>105</td>
<td>060</td>
<td>069</td>
<td>055</td>
<td>039</td>
<td>073</td>
</tr>
<tr>
<td>011</td>
<td>084</td>
<td>058</td>
<td>008</td>
<td>094</td>
<td>091</td>
<td>078</td>
<td>040</td>
<td>120</td>
<td>063</td>
<td>024</td>
</tr>
<tr>
<td>032</td>
<td>015</td>
<td>117</td>
<td>045</td>
<td>080</td>
<td>061</td>
<td>042</td>
<td>077</td>
<td>005</td>
<td>107</td>
<td>090</td>
</tr>
<tr>
<td>098</td>
<td>059</td>
<td>002</td>
<td>082</td>
<td>044</td>
<td>031</td>
<td>028</td>
<td>114</td>
<td>064</td>
<td>038</td>
<td>111</td>
</tr>
<tr>
<td>049</td>
<td>083</td>
<td>067</td>
<td>053</td>
<td>062</td>
<td>017</td>
<td>007</td>
<td>100</td>
<td>099</td>
<td>116</td>
<td>018</td>
</tr>
<tr>
<td>085</td>
<td>043</td>
<td>119</td>
<td>110</td>
<td>068</td>
<td>081</td>
<td>013</td>
<td>010</td>
<td>071</td>
<td>036</td>
<td>035</td>
</tr>
<tr>
<td>075</td>
<td>089</td>
<td>029</td>
<td>016</td>
<td>001</td>
<td>046</td>
<td>092</td>
<td>050</td>
<td>057</td>
<td>113</td>
<td>103</td>
</tr>
<tr>
<td>014</td>
<td>096</td>
<td>052</td>
<td>095</td>
<td>048</td>
<td>118</td>
<td>102</td>
<td>066</td>
<td>034</td>
<td>021</td>
<td>025</td>
</tr>
</table></button>
</td_2></th>
<th><td_2>
<button class="btn_1">
<table class="one">
<tr>
<td>003</td>
<td>087</td>
<td>079</td>
<td>109</td>
<td>112</td>
<td>041</td>
<td>012</td>
<td>054</td>
<td>086</td>
<td>037</td>
<td>051</td>
</tr>
<tr>
<td>034</td>
<td>014</td>
<td>021</td>
<td>048</td>
<td>095</td>
<td>118</td>
<td>066</td>
<td>102</td>
<td>096</td>
<td>025</td>
<td>052</td>
</tr>
<tr>
<td>093</td>
<td>019</td>
<td>033</td>
<td>030</td>
<td>072</td>
<td>076</td>
<td>106</td>
<td>121</td>
<td>009</td>
<td>047</td>
<td>065</td>
</tr>
<tr>
<td>064</td>
<td>098</td>
<td>038</td>
<td>044</td>
<td>082</td>
<td>031</td>
<td>114</td>
<td>028</td>
<td>059</td>
<td>111</td>
<td>002</td>
</tr>
<tr>
<td>055</td>
<td>049</td>
<td>116</td>
<td>062</td>
<td>053</td>
<td>105</td>
<td>100</td>
<td>007</td>
<td>083</td>
<td>018</td>
<td>023</td>
</tr>
<tr>
<td>005</td>
<td>032</td>
<td>107</td>
<td>080</td>
<td>045</td>
<td>061</td>
<td>077</td>
<td>042</td>
<td>015</td>
<td>090</td>
<td>117</td>
</tr>
<tr>
<td>099</td>
<td>104</td>
<td>039</td>
<td>115</td>
<td>022</td>
<td>017</td>
<td>069</td>
<td>060</td>
<td>006</td>
<td>073</td>
<td>067</td>
</tr>
<tr>
<td>120</td>
<td>011</td>
<td>063</td>
<td>094</td>
<td>008</td>
<td>091</td>
<td>040</td>
<td>078</td>
<td>084</td>
<td>024</td>
<td>058</td>
</tr>
<tr>
<td>057</td>
<td>075</td>
<td>113</td>
<td>001</td>
<td>016</td>
<td>046</td>
<td>050</td>
<td>092</td>
<td>089</td>
<td>103</td>
<td>029</td>
</tr>
<tr>
<td>070</td>
<td>097</td>
<td>026</td>
<td>020</td>
<td>056</td>
<td>004</td>
<td>027</td>
<td>074</td>
<td>101</td>
<td>108</td>
<td>088</td>
</tr>
<tr>
<td>071</td>
<td>085</td>
<td>036</td>
<td>068</td>
<td>110</td>
<td>081</td>
<td>010</td>
<td>013</td>
<td>043</td>
<td>035</td>
<td>119</td>
</tr>
</table></button>
</td_2></th>
</table>
</div>
</div></div>
</section>
<h5> Bimagic Square of Order 11.
By @ Chen Mutian, 2005. 2) By @ Mikael Hermansson, 2021. Note:
55+105+23=99+17+67. </h5>
<section class="fourthsection">
<div class="box-main">
<div class="fourthHalf">
<table class="two">
<tr>
<td_2>
<abbr title="Download
Free Computer made Bimagic Square of Order 8,
Notepad-Document."><a href="../Squarespace_3/Bimagic_8x8_ess-diff.txt"
target="_blank" download><button class="btn_2">Database Notepad 8x8</button></a></abbr>
<abbr title="Download
Free Computer made Bimagic Square of Order 8, Wordpad-Document."><a href="../Squarespace_3/Document_ess-diff_8x8.rtf"
target="_blank" download><button class="btn_2">Database Wordpad
8x8</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/moon2.jpg"
width="257" height="257" alt="Apollo 11"></a></abbr>
<p style="color:white;">The
flag on the moon. Photocredit NASA</p>
<!-- The Modal -->
<div id="myModal"
class="modal">
<!-- Modal content -->
<div class="modal-content">
<span class="close">×</span>
<p_1 style="color:black;"><b>A small magic step on the moon,
and a big step for the humanity.</b></p_1>
<p class="button_1"><img src="../images/moon2.jpg"
alt="The flag on the moon" class="align-center
medium" /></p>
<!-- /* coding java script with micke
*/ -->
<div class="scroll"><p
class="button_2">
On May 25, 1961, President <B>John F. Kennedy</B> addressed the
United States Congress on "Urgent National Needs" and declared:<br /><br />
I
believe that this nation should commit itself to achieving the goal, before
this decade [1960s] is out, of landing a man on the Moon and returning him safely to the Earth. No
single space project in this period will be more impressive to mankind, or more
important for the long-range exploration of space; and none will be so difficult or
expensive to accomplish. We propose to accelerate the development of the
appropriate lunar space craft. We propose to develop alternate liquid and solid
fuel boosters, much larger than any now being developed, until certain which is
superior. We propose additional funds for other engine development and for
unmanned explorations—explorations which are particularly important for one
purpose which this nation will never overlook: the survival of the man who
first makes this daring flight. But in a very real sense, it will not be one man going to the
Moon—if we make this judgment affirmatively, it will be an entire nation. For
all of us must work to put him there.<br /><br />
— Kennedy's speech to Congress<br /><br />
ref: https://www.wikipedia.org</p>
</div>
</div>
</div>
<button class="btn">
<table class="three">
<tr>
<td>04</td>
<td>51</td>
<td>68</td>
<td>79</td>
<td>18</td>
<td>35</td>
<td>37</td>
<td>57</td>
<td>20</td>
</tr>
<tr>
<td>73</td>
<td>12</td>
<td>29</td>
<td>40</td>
<td>60</td>
<td>23</td>
<td>07</td>
<td>54</td>
<td>71</td>
</tr>
<tr>
<td>43</td>
<td>63</td>
<td>26</td>
<td>01</td>
<td>48</td>
<td>65</td>
<td>76</td>
<td>15</td>
<td>32</td>
</tr>
<tr>
<td>69</td>
<td>05</td>
<td>49</td>
<td>36</td>
<td>80</td>
<td>16</td>
<td>21</td>
<td>38</td>
<td>55</td>
</tr>
<tr>
<td>30</td>
<td>74</td>
<td>10</td>
<td>24</td>
<td>41</td>
<td>58</td>
<td>72</td>
<td>08</td>
<td>52</td>
</tr>
<tr>
<td>27</td>
<td>44</td>
<td>61</td>
<td>66</td>
<td>02</td>
<td>46</td>
<td>33</td>
<td>77</td>
<td>13</td>
</tr>
<tr>
<td>50</td>
<td>67</td>
<td>06</td>
<td>17</td>
<td>34</td>
<td>81</td>
<td>56</td>
<td>19</td>
<td>39</td>
</tr>
<tr>
<td>11</td>
<td>28</td>
<td>75</td>
<td>59</td>
<td>22</td>
<td>42</td>
<td>53</td>
<td>70</td>
<td>09</td>
</tr>
<tr>
<td>62</td>
<td>25</td>
<td>45</td>
<td>47</td>
<td>64</td>
<td>03</td>
<td>14</td>
<td>31</td>
<td>78</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="two">
<tr><th><td_2>
<div class="footer">
<div style="font-size:34px;" id="button">©</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 ©-All
rights are reserved <a href="../Download/driveorder2.html"><button
class="btn_2">Specialpage 2</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>